JQuery遍歷json數(shù)組的3種方法
一、使用each遍歷
$(function () {
var tbody = "";
//------------遍歷對(duì)象 .each的使用-------------
//對(duì)象語法JSON數(shù)據(jù)格式(當(dāng)服務(wù)器端回調(diào)回來的對(duì)象數(shù)據(jù)格式是json數(shù)據(jù)格式，必須保證JSON的格式要求，回調(diào)的對(duì)象必須使用eval函數(shù)進(jìn)行轉(zhuǎn)化（否則將得不到Object）。本文不作詳細(xì)介紹服務(wù)器端回調(diào)的數(shù)據(jù)問題，我們將直接自定義對(duì)象)
var obj = [{ "name": "項(xiàng)海軍", "password": "123456"}];
$("#result").html("------------遍歷對(duì)象 .each的使用-------------");
alert(obj); //是個(gè)object元素
//下面使用each進(jìn)行遍歷
$.each(obj, function (n, value) {
alert(n + ' ' + value);
var trs = "";
trs += "<tr><td>" + value.name + "</td> <td>" + value.password + "</td></tr>";
tbody += trs;
});
$("#project").append(tbody);
});
二、jquery遍歷解析json對(duì)象1：
var json = [{dd:'SB',AA:'東東',re1:123},{cccc:'dd',lk:'1qw'}];
for(var i=0,l=json.length;i<l;i++){
for(var key in json[i]){
alert(key+':'+json[i][key]);
}
}
三、jquery遍歷解析json對(duì)象2
有如下 json對(duì)象：
var obj ={”name”:”馮娟”,”password”:”123456″,”department”:”技術(shù)部”,”sex”:” 女”,”old”:30};
遍歷方法：
for(var p in obj){
str = str+obj[p]+',';
return str;
}
PS：這里再為大家推薦幾款比較實(shí)用的json在線工具供大家參考使用：
在線JSON代碼檢驗(yàn)、檢驗(yàn)、美化、格式化工具：
http://tools.jb51.net/code/json
JSON在線格式化工具：
http://tools.jb51.net/code/jsonformat
在線XML/JSON互相轉(zhuǎn)換工具：
http://tools.jb51.net/code/xmljson
json代碼在線格式化/美化/壓縮/編輯/轉(zhuǎn)換工具：
http://tools.jb51.net/code/jsoncodeformat
在線json壓縮/轉(zhuǎn)義工具：
http://tools.jb51.net/code/json_yasuo_trans
C語言風(fēng)格/HTML/CSS/json代碼格式化美化工具：
http://tools.jb51.net/code/ccode_html_css_json
相關(guān)文章
右下角彈出提示框想必大家都有見到過吧，其實(shí)有實(shí)現(xiàn)方法有很多，在本文為大家詳細(xì)介紹在jquery中具體的實(shí)現(xiàn)，感興趣的朋友可以了解下2013-10-10
利用javascript/jquery對(duì)上傳文件格式過濾的方法
jquery中對(duì)上傳文件格式過濾的方法,需要的朋友參考下。2009-07-07
一款基于jQuery的圖片場(chǎng)景標(biāo)注提示彈窗特效
這篇文章主要介紹了一款基于jQuery的圖片場(chǎng)景標(biāo)注提示彈窗特效,需要的朋友可以參考下2015-01-01
jQuery源碼解讀之a(chǎn)ddClass()方法分析
這篇文章主要介紹了jQuery源碼解讀之a(chǎn)ddClass()方法,注釋形式較為詳細(xì)的分析了addClass()方法的實(shí)現(xiàn)技巧與相關(guān)注意事項(xiàng),具有一定參考借鑒價(jià)值,需要的朋友可以參考下2015-02-02
Jquery UI實(shí)現(xiàn)一次拖拽多個(gè)選中的元素操作
這篇文章主要介紹了Jquery UI實(shí)現(xiàn)一次拖拽多個(gè)選中的元素操作，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2016-10-10
用jQuery簡(jiǎn)化Ajax開發(fā)實(shí)現(xiàn)方法
使用 jQuery 將使 Ajax 變得及其簡(jiǎn)單。jQuery 提供有一些函數(shù)，可以使簡(jiǎn)單的工作變得更加簡(jiǎn)單，復(fù)雜的工作變得不再?gòu)?fù)雜。2010-04-04
實(shí)例詳解jQuery結(jié)合GridView控件的使用方法
這篇文章主要以實(shí)例的方式詳細(xì)介紹了jQuery結(jié)合GridView控件的使用方法，感興趣的小伙伴們可以參考一下2016-01-01
jQuery EasyUI之驗(yàn)證框validatebox實(shí)例詳解
本文通過實(shí)例代碼給大家講解了jQuery EasyUI之驗(yàn)證框validatebox知識(shí)，非常不錯(cuò)，具有參考借鑒價(jià)值，需要的的朋友參考下吧2017-04-04
jQuery中each()、find()和filter()等節(jié)點(diǎn)操作方法詳解(推薦)
這篇文章主要介紹了jQuery中each()、find()和filter()等節(jié)點(diǎn)操作方法的相關(guān)資料,非常不錯(cuò)具有參考價(jià)值,需要的朋友可以參考下2016-05-05
這篇文章主要介紹了jQuery ajax分頁插件實(shí)例代碼的相關(guān)資料，本文介紹的非常詳細(xì)，具有參考借鑒價(jià)值，特此分享供大家學(xué)習(xí)2016-01-01