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遍历jSon后对每一条数据进行相应的修改和删除，希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对中文源码网网站的支持！