JQuery遍歷json數(shù)組的3種方法
一、使用each遍歷
$(function () {
var tbody = "";
//------------遍歷對象 .each的使用-------------
//對象語法JSON數(shù)據(jù)格式(當服務器端回調(diào)回來的對象數(shù)據(jù)格式是json數(shù)據(jù)格式，必須保證JSON的格式要求，回調(diào)的對象必須使用eval函數(shù)進行轉(zhuǎn)化（否則將得不到Object）。本文不作詳細介紹服務器端回調(diào)的數(shù)據(jù)問題，我們將直接自定義對象)
var obj = [{ "name": "項海軍", "password": "123456"}];
$("#result").html("------------遍歷對象 .each的使用-------------");
alert(obj); //是個object元素
//下面使用each進行遍歷
$.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”:”技術部”,”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語言風格/HTML/CSS/json代碼格式化美化工具：
http://tools.jb51.net/code/ccode_html_css_json
相關文章
右下角彈出提示框想必大家都有見到過吧，其實有實現(xiàn)方法有很多，在本文為大家詳細介紹在jquery中具體的實現(xiàn)，感興趣的朋友可以了解下2013-10-10
利用javascript/jquery對上傳文件格式過濾的方法
jquery中對上傳文件格式過濾的方法,需要的朋友參考下。2009-07-07
這篇文章主要介紹了一款基于jQuery的圖片場景標注提示彈窗特效,需要的朋友可以參考下2015-01-01
jQuery源碼解讀之a(chǎn)ddClass()方法分析
這篇文章主要介紹了jQuery源碼解讀之a(chǎn)ddClass()方法,注釋形式較為詳細的分析了addClass()方法的實現(xiàn)技巧與相關注意事項,具有一定參考借鑒價值,需要的朋友可以參考下2015-02-02
Jquery UI實現(xiàn)一次拖拽多個選中的元素操作
這篇文章主要介紹了Jquery UI實現(xiàn)一次拖拽多個選中的元素操作，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2016-10-10
使用 jQuery 將使 Ajax 變得及其簡單。jQuery 提供有一些函數(shù)，可以使簡單的工作變得更加簡單，復雜的工作變得不再復雜。2010-04-04
實例詳解jQuery結(jié)合GridView控件的使用方法
這篇文章主要以實例的方式詳細介紹了jQuery結(jié)合GridView控件的使用方法，感興趣的小伙伴們可以參考一下2016-01-01
jQuery EasyUI之驗證框validatebox實例詳解
本文通過實例代碼給大家講解了jQuery EasyUI之驗證框validatebox知識，非常不錯，具有參考借鑒價值，需要的的朋友參考下吧2017-04-04
jQuery中each()、find()和filter()等節(jié)點操作方法詳解(推薦)
這篇文章主要介紹了jQuery中each()、find()和filter()等節(jié)點操作方法的相關資料,非常不錯具有參考價值,需要的朋友可以參考下2016-05-05
這篇文章主要介紹了jQuery ajax分頁插件實例代碼的相關資料，本文介紹的非常詳細，具有參考借鑒價值，特此分享供大家學習2016-01-01