首頁 >web前端 >js教程 >Ajax遍歷jSon進行資料的修改與刪除

Ajax遍歷jSon進行資料的修改與刪除

php中世界最好的语言
php中世界最好的语言原創
2018-04-03 10:03:533359瀏覽

這次帶給大家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=&#39;button&#39; value=&#39;删除&#39; name="+i+" class=&#39;deletePersonBut&#39;></th>"+
"<th><input type=&#39;button&#39; value=&#39;修改&#39; name="+i+" class=&#39;updataPersonBut&#39;></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); 
});
} 
}
});

相信看了本文案例你已經掌握了方法,更多精彩請關注php中文網其它相關文章!

推薦閱讀:

AJAX請求陣列應該如何實作

ajax的參數過長無法提交如何處理

以上是Ajax遍歷jSon進行資料的修改與刪除的詳細內容。更多資訊請關注PHP中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn