首頁 php教程 PHP开发 Ajax遍歷jSon後對每個資料進行相應的修改和刪除

Ajax遍歷jSon後對每個資料進行相應的修改和刪除

Dec 10, 2016 am 09:32 AM
ajax

廢話不多說了,直接給大家貼代碼了,具體代碼如下圖:

$.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(&#39;name&#39;);
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(&#39;name&#39;);
alert(objs[pid].personId);
});
}
}
});
登入後複製

   


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

熱AI工具

Undresser.AI Undress

Undresser.AI Undress

人工智慧驅動的應用程序,用於創建逼真的裸體照片

AI Clothes Remover

AI Clothes Remover

用於從照片中去除衣服的線上人工智慧工具。

Undress AI Tool

Undress AI Tool

免費脫衣圖片

Clothoff.io

Clothoff.io

AI脫衣器

AI Hentai Generator

AI Hentai Generator

免費產生 AI 無盡。

熱門文章

R.E.P.O.能量晶體解釋及其做什麼(黃色晶體)
2 週前 By 尊渡假赌尊渡假赌尊渡假赌
倉庫:如何復興隊友
4 週前 By 尊渡假赌尊渡假赌尊渡假赌
Hello Kitty Island冒險:如何獲得巨型種子
3 週前 By 尊渡假赌尊渡假赌尊渡假赌

熱工具

記事本++7.3.1

記事本++7.3.1

好用且免費的程式碼編輯器

SublimeText3漢化版

SublimeText3漢化版

中文版,非常好用

禪工作室 13.0.1

禪工作室 13.0.1

強大的PHP整合開發環境

Dreamweaver CS6

Dreamweaver CS6

視覺化網頁開發工具

SublimeText3 Mac版

SublimeText3 Mac版

神級程式碼編輯軟體(SublimeText3)

解決jQuery AJAX請求遇到403錯誤的方法 解決jQuery AJAX請求遇到403錯誤的方法 Feb 20, 2024 am 10:07 AM

解決jQuery AJAX請求遇到403錯誤的方法

解決jQuery AJAX請求403錯誤的方法 解決jQuery AJAX請求403錯誤的方法 Feb 19, 2024 pm 05:55 PM

解決jQuery AJAX請求403錯誤的方法

如何使用Ajax從PHP方法取得變數? 如何使用Ajax從PHP方法取得變數? Mar 09, 2024 pm 05:36 PM

如何使用Ajax從PHP方法取得變數?

如何解決jQuery AJAX報錯403的問題? 如何解決jQuery AJAX報錯403的問題? Feb 23, 2024 pm 04:27 PM

如何解決jQuery AJAX報錯403的問題?

PHP 與 Ajax:建立動態載入內容的解決方案 PHP 與 Ajax:建立動態載入內容的解決方案 Jun 06, 2024 pm 01:12 PM

PHP 與 Ajax:建立動態載入內容的解決方案

透過使用Ajax函數實現非同步資料交換的方法 透過使用Ajax函數實現非同步資料交換的方法 Jan 26, 2024 am 09:41 AM

透過使用Ajax函數實現非同步資料交換的方法

了解Ajax框架:探索常見的五種框架 了解Ajax框架:探索常見的五種框架 Jan 26, 2024 am 09:28 AM

了解Ajax框架:探索常見的五種框架

PHP 與 Ajax:提升 Ajax 安全性的方法 PHP 與 Ajax:提升 Ajax 安全性的方法 Jun 01, 2024 am 09:34 AM

PHP 與 Ajax:提升 Ajax 安全性的方法

See all articles