廢話不多說了,直接給大家貼代碼了,具體代碼如下所示:
$.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後對每一條資料進行相應的修改和刪除,希望對大家有所協助,如果大家有任何疑問請給我留言,小編會及時回複大家的。在此也非常感謝大家對雲棲社區網站的支援!