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