快捷導(dǎo)航

Ajax遍歷jSon后對每一條數(shù)據(jù)進(jìn)行相應(yīng)的修改和刪除(代碼分享)

更新時間：2016年11月25日 14:09:16 作者：爸爸去哪了2之熊貓三胞胎

這篇文章主要介紹了Ajax遍歷jSon后對每一條數(shù)據(jù)進(jìn)行相應(yīng)的修改和刪除的相關(guān)資料,非常不錯，具有參考借鑒價值，需要的朋友可以參考下

廢話不多說了，直接給大家貼代碼了，具體代碼如下所示：

$.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的原因，感覺應(yīng)該就是閉包的問題。 
$(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的原因，感覺應(yīng)該就是閉包的問題。 
$(getA).click(function(){ 
var thid=$(this).parent();
var pid=thid.children(".updataPersonBut").attr('name');
alert(objs[pid].personId); 
});
} 
}
});

以上所述是小編給大家介紹的Ajax遍歷jSon后對每一條數(shù)據(jù)進(jìn)行相應(yīng)的修改和刪除，希望對大家有所幫助，如果大家有任何疑問請給我留言，小編會及時回復(fù)大家的。在此也非常感謝大家對腳本之家網(wǎng)站的支持！

您可能感興趣的文章:

相關(guān)文章

利用 FormData 對象和 Spring MVC 配合實現(xiàn)Ajax文件下載功能
這篇文章主要介紹了利用 FormData 對象和 Spring MVC 配合實現(xiàn)Ajax文件下載功能,需要的朋友可以參考下
2017-08-08
ajax中data傳參的兩種方式分析
這篇文章主要介紹了ajax中data傳參的兩種方式,結(jié)合實例形式簡單分析了ajax參數(shù)傳遞的POST與GET方式,非常簡單實用,需要的朋友可以參考下
2015-12-12
詳解ajax +jtemplate實現(xiàn)動態(tài)分頁
jtemplate是一個基于JQuery的模板引擎插件，功能非常強大，有了她你就再不用為使用JS綁定數(shù)據(jù)集而發(fā)愁了。本文給大家分享ajax +jtemplate實現(xiàn)動態(tài)分頁，需要的朋友可以參考下本文
2015-09-09
Jquery中$.ajax()方法參數(shù)詳解
本文是小編日常整理些有關(guān)jquery ajax()參數(shù)詳解，由于jquery ajax方法參數(shù)比較多，靠大腦記住有點犯難，下面小編把內(nèi)容整理分享到腳本之家網(wǎng)站，供大家參考
2015-10-10
Ajax帶提示的驗證表單實例
這篇文章主要介紹了Ajax帶提示的驗證表單,可實現(xiàn)對表單輸入進(jìn)行實時提示的功能,非常簡單實用,需要的朋友可以參考下
2015-08-08
淺析json與jsonp區(qū)別及通過ajax獲得json數(shù)據(jù)后格式的轉(zhuǎn)換
一言以蔽之，json返回的是一串?dāng)?shù)據(jù)；而jsonp返回的是腳本代碼（包含一個函數(shù)調(diào)用);接下來通過本文給大家介紹json與jsonp區(qū)別及通過ajax獲得json數(shù)據(jù)后格式的轉(zhuǎn)換，需要的朋友參考下
2016-03-03
html+js+php一次原始的Ajax請求示例
雖然jquery的ajax要比原始的寫法容易得多，我們還是應(yīng)該了解原始的寫法，下面有個不錯的示例，大家可以參考下
2014-04-04
ajax異步傳值及后端接收參數(shù)的多種方式小結(jié)
這篇文章主要介紹了ajax異步傳值及后端接收參數(shù)的多種方式小結(jié),本文給大家介紹的非常詳細(xì),對大家的學(xué)習(xí)或工作具有一定的參考借鑒價值,需要的朋友參考下吧
2023-11-11
$.ajax中contentType: “application/json” 的用法詳解
這篇文章主要介紹了$.ajax中contentType: “application/json” 的用法,非常不錯，具有一定的參考借鑒價值，需要的朋友可以參考下
2018-10-10
ajax中的async屬性值之同步和異步及同步和異步區(qū)別
在Jquery中ajax方法中async用于控制同步和異步，當(dāng)async值為true時是異步請求，當(dāng)async值為fase時是同步請求。ajax中async這個屬性，用于控制請求數(shù)據(jù)的方式，默認(rèn)是true，即默認(rèn)以異步的方式請求數(shù)據(jù)。
2015-10-10