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
- js數(shù)組循環(huán)遍歷數(shù)組內(nèi)所有元素的方法
- JS數(shù)組的遍歷方式for循環(huán)與for...in
- js中遍歷對(duì)象的屬性和值的方法
- Javascript的數(shù)組與字典用法與遍歷對(duì)象的屬性技巧
- js Map List 遍歷使用示例
- js遍歷json的key和value的實(shí)例
- JavaScript中循環(huán)遍歷Array與Map的方法小結(jié)
- js遍歷子節(jié)點(diǎn)子元素附屬性及方法
- js中的for如何實(shí)現(xiàn)foreach中的遍歷
- JavaScript中遍歷的十種方法總結(jié)
相關(guān)文章
jquery load事件(callback/data)使用方法及注意事項(xiàng)
jquery load 事件使用方法,在網(wǎng)上有很多的相關(guān)介紹文章,不過大同小異,本文老生長(zhǎng)談,也介紹一下load事件使用方法,感興趣的朋友可以了解下,或許對(duì)你學(xué)習(xí)jquery有所幫助2013-02-02
jquery picswitch圖片焦點(diǎn)圖展示效果
jquery pictureswitch制作圖片展示效果實(shí)現(xiàn)代碼,對(duì)于想用jquery實(shí)現(xiàn)焦點(diǎn)圖效果的朋友可以參考下。2010-05-05
jquery 禁止鼠標(biāo)右鍵并監(jiān)聽右鍵事件
本篇文章主要介紹了jquery禁止鼠標(biāo)右鍵并監(jiān)聽右鍵事件的相關(guān)知識(shí)。具有很好的參考價(jià)值。下面跟著小編一起來看下吧2017-04-04
HTML5+jQuery插件Quicksand實(shí)現(xiàn)超酷的星際爭(zhēng)霸2兵種分類展示效果(附demo源碼下載)
這篇文章主要介紹了HTML5+jQuery插件Quicksand實(shí)現(xiàn)超酷的星際爭(zhēng)霸2兵種分類展示效果,詳細(xì)分析了Quicksand插件的使用及圖片浮動(dòng)顯示的實(shí)現(xiàn)技巧,并附帶demo源碼供讀者下載參考,需要的朋友可以參考下2016-05-05
JQuery1.4+ Ajax IE8 內(nèi)存泄漏問題
將JQuery1.2.6升級(jí)到JQuery1.4,有幾天下班沒有關(guān)閉ajax輪詢網(wǎng)頁(yè),第二天早上來,內(nèi)存耗盡,發(fā)現(xiàn)此內(nèi)存泄漏在IE6上不存在(IE7未測(cè)試),IE8上存在2010-10-10
jQuery Real Person驗(yàn)證碼插件防止表單自動(dòng)提交
這篇文章為大家介紹了一款jQuery驗(yàn)證碼插件Real Person,可以防止自動(dòng)提交表單2015-11-11
textarea 在瀏覽器中固定大小和禁止拖動(dòng)的實(shí)現(xiàn)方法
下面小編就為大家?guī)硪黄猼extarea 在瀏覽器中固定大小和禁止拖動(dòng)的實(shí)現(xiàn)方法。小編覺得挺不錯(cuò)的,現(xiàn)在就分享給大家,也給大家做個(gè)參考。一起跟隨小編過來看看吧,祝大家游戲愉快哦2016-12-12

