JQuery遍歷json數(shù)組的3種方法
一、使用each遍歷
$(function () {
var tbody = "";
//------------遍歷對象 .each的使用-------------
//對象語法JSON數(shù)據(jù)格式(當(dāng)服務(wù)器端回調(diào)回來的對象數(shù)據(jù)格式是json數(shù)據(jù)格式,必須保證JSON的格式要求,回調(diào)的對象必須使用eval函數(shù)進(jìn)行轉(zhuǎn)化(否則將得不到Object)。本文不作詳細(xì)介紹服務(wù)器端回調(diào)的數(shù)據(jù)問題,我們將直接自定義對象)
var obj = [{ "name": "項海軍", "password": "123456"}];
$("#result").html("------------遍歷對象 .each的使用-------------");
alert(obj); //是個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對象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對象2
有如下 json對象:
var obj ={”name”:”馮娟”,”password”:”123456″,”department”:”技術(shù)部”,”sex”:” 女”,”old”:30};
遍歷方法:
for(var p in obj){
str = str+obj[p]+',';
return str;
}
PS:這里再為大家推薦幾款比較實用的json在線工具供大家參考使用:
在線JSON代碼檢驗、檢驗、美化、格式化工具:
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)文章
jquery load事件(callback/data)使用方法及注意事項
jquery load 事件使用方法,在網(wǎng)上有很多的相關(guān)介紹文章,不過大同小異,本文老生長談,也介紹一下load事件使用方法,感興趣的朋友可以了解下,或許對你學(xué)習(xí)jquery有所幫助2013-02-02jquery 禁止鼠標(biāo)右鍵并監(jiān)聽右鍵事件
本篇文章主要介紹了jquery禁止鼠標(biāo)右鍵并監(jiān)聽右鍵事件的相關(guān)知識。具有很好的參考價值。下面跟著小編一起來看下吧2017-04-04HTML5+jQuery插件Quicksand實現(xiàn)超酷的星際爭霸2兵種分類展示效果(附demo源碼下載)
這篇文章主要介紹了HTML5+jQuery插件Quicksand實現(xiàn)超酷的星際爭霸2兵種分類展示效果,詳細(xì)分析了Quicksand插件的使用及圖片浮動顯示的實現(xiàn)技巧,并附帶demo源碼供讀者下載參考,需要的朋友可以參考下2016-05-05JQuery1.4+ Ajax IE8 內(nèi)存泄漏問題
將JQuery1.2.6升級到JQuery1.4,有幾天下班沒有關(guān)閉ajax輪詢網(wǎng)頁,第二天早上來,內(nèi)存耗盡,發(fā)現(xiàn)此內(nèi)存泄漏在IE6上不存在(IE7未測試),IE8上存在2010-10-10jQuery Real Person驗證碼插件防止表單自動提交
這篇文章為大家介紹了一款jQuery驗證碼插件Real Person,可以防止自動提交表單2015-11-11textarea 在瀏覽器中固定大小和禁止拖動的實現(xiàn)方法
下面小編就為大家?guī)硪黄猼extarea 在瀏覽器中固定大小和禁止拖動的實現(xiàn)方法。小編覺得挺不錯的,現(xiàn)在就分享給大家,也給大家做個參考。一起跟隨小編過來看看吧,祝大家游戲愉快哦2016-12-12