这次给大家带来ajax遍历json进行数据的修改和删除,ajax遍历json进行数据修改和删除的注意事项有哪些,下面就是实战案例,一起来看一下。
废话不多说了,直接给大家贴代码了,具体代码如下所示:
$.ajax({
url: /business/findpersons.json,
datatype: json,
type:get,
success: function(doc) {
var objs=eval(doc);
for (var i = 0; i < objs.length; i++){
var personid=objs[i].personid;
var name=objs[i].personname;
var email=objs[i].personemail;
var sector=objs[i].personsector;
var position=objs[i].personposition;
var password=objs[i].personpassword;
$("#personlist thead").append(
"<tr>+
<th>+name+</th>+
<th>+password+</th>+
<th>+email+</th>+
<th>+position+</th>+
<th><input type='button' value='删除' name="+i+" class='deletepersonbut'></th>+
<th><input type='button' value='修改' name="+i+" class='updatapersonbut'></th>+
</tr>
);
var geta = #personlist .deletepersonbut[name=+ i + ];//就这里获取的原因,那个i=objs.length的原因,感觉应该就是闭包的问题。
$(geta).click(function(){
var thid=$(this).parent();
var pid=thid.children(.deletepersonbut).attr('name');
alert(objs[pid].personid);
});
var geta = #personlist .updatapersonbut[name=+ i + ];//就这里获取的原因,那个i=objs.length的原因,感觉应该就是闭包的问题。
$(geta).click(function(){
var thid=$(this).parent();
var pid=thid.children(.updatapersonbut).attr('name');
alert(objs[pid].personid);
});
}
}
});
相信看了本文案例你已经掌握了方法,更多精彩请关注其它相关文章!
推荐阅读:
ajax请求数组应该如何实现
ajax的参数过长无法提交如何处理
以上就是ajax遍历json进行数据的修改和删除的详细内容。