Ajax遍歷jSon后對(duì)每一條數(shù)據(jù)進(jìn)行相應(yīng)的修改和刪除(代碼分享)
廢話不多說了,直接給大家貼代碼了,具體代碼如下所示:
$.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 + "]";//就這里獲取的原因,那個(gè)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 + "]";//就這里獲取的原因,那個(gè)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后對(duì)每一條數(shù)據(jù)進(jìn)行相應(yīng)的修改和刪除,希望對(duì)大家有所幫助,如果大家有任何疑問請(qǐng)給我留言,小編會(huì)及時(shí)回復(fù)大家的。在此也非常感謝大家對(duì)腳本之家網(wǎng)站的支持!
- Ajax的jsonp方式跨域獲取數(shù)據(jù)的簡(jiǎn)單實(shí)例
- JQuery的ajax獲取數(shù)據(jù)后的處理總結(jié)(html,xml,json)
- 用ajax傳遞json到前臺(tái)中文出現(xiàn)問號(hào)亂碼問題的解決辦法
- Spring MVC 中 AJAX請(qǐng)求并返回JSON的示例
- jQuery使用ajax方法解析返回的json數(shù)據(jù)功能示例
- javascript解析ajax返回的xml和json格式數(shù)據(jù)實(shí)例詳解
- jQuery基于ajax操作json數(shù)據(jù)簡(jiǎn)單示例
- 原生ajax處理json格式數(shù)據(jù)的實(shí)例代碼
- php+ajax+json 詳解及實(shí)例代碼
- ajax與json 獲取數(shù)據(jù)并在前臺(tái)使用簡(jiǎn)單實(shí)例
相關(guān)文章
Ajax 提交表單數(shù)據(jù)到入庫的全盤操作流程分享
以下是Ajax 提交表單數(shù)據(jù)到入庫的全盤操作流程,希望本文對(duì)廣大php開發(fā)者有所幫助,感謝閱讀本文2014-01-01解決spring mvc 返回json數(shù)據(jù)到ajax報(bào)錯(cuò)parseerror問題
最近使用ajax接收spring mvc傳過來的json數(shù)據(jù)時(shí)總是出現(xiàn)parseerror的錯(cuò)誤,下面通過本文給大家分享spring mvc 返回json數(shù)據(jù)到ajax報(bào)錯(cuò)parseerror問題的解決方法,需要的朋友參考下吧2017-05-05ajaxFileupload實(shí)現(xiàn)多文件上傳功能
這篇文章主要為大家詳細(xì)介紹了ajaxFileupload實(shí)現(xiàn)多文件上傳功能,具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2017-11-11ajax快速解決參數(shù)過長(zhǎng)無法提交成功的問題
下面小編就為大家?guī)硪黄猘jax快速解決參數(shù)過長(zhǎng)無法提交成功的問題。小編覺得挺不錯(cuò)的,現(xiàn)在就分享給大家,也給大家做個(gè)參考。一起跟隨小編過來看看吧2016-12-12使用Ajax模仿百度搜索框的自動(dòng)提示功能實(shí)例
今天小編就為大家分享一篇使用Ajax模仿百度搜索框的自動(dòng)提示功能實(shí)例,具有很好的參考價(jià)值,希望對(duì)大家有所幫助。一起跟隨小編過來看看吧2019-02-02ajax實(shí)現(xiàn)excel報(bào)表導(dǎo)出
這篇文章主要為大家詳細(xì)介紹了ajax實(shí)現(xiàn)excel報(bào)表導(dǎo)出,解決亂碼問題,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2020-07-07pushState、replaceState、onpopstate 實(shí)現(xiàn)Ajax頁面的前進(jìn)后退刷新
這篇文章主要介紹了pushState、replaceState、onpopstate 實(shí)現(xiàn)Ajax頁面的前進(jìn)后退刷新的相關(guān)資料,非常不錯(cuò),具有一定的參考借鑒價(jià)值,需要的朋友可以參考下2016-11-11淺析IE針對(duì)Ajax請(qǐng)求結(jié)果的緩存問題
我們通過一個(gè)ASP.NET MVC應(yīng)用來重現(xiàn)IE針對(duì)Ajax請(qǐng)求結(jié)果的緩存。在一個(gè)空ASP.NET MVC應(yīng)用中我們定義了如下一個(gè)默認(rèn)的HomeController,其中包含一個(gè)返回當(dāng)前時(shí)間的Action方法GetCurrentTime。2015-09-09