jQuery遍歷json的方法(推薦)
var obj = {"status":1,"bkmsg":"\u6210\u529f","bkdata":["\u5415\u5c1a\u5fd7","1387580400","\u6dfb\u52a0\u8bb0\u5f55"]}{"status":1,"bkmsg":"\u6210\u529f","bkdata":["\u5415\u5c1a\u5fd7","1387580400","\u6dfb\u52a0\u8bb0\u5f55"]},{"status":1,"bkmsg":"\u6210\u529f","bkdata":["\u5415\u5c1a\u5fd7","1387580400","\u4ec0\u4e48\u4e5f\u6ca1\u6709"]}
ajax請求:
$.ajax({ url: '/path/to/file', type: 'GET', dataType: 'json', data: {param1: 'value1'}, success: function (obj){ //遍歷obj } })
返回的內(nèi)容在success的函數(shù)里面,所有的遍歷操作都是在這里面操作的:
for循環(huán):
var obj = { "status":1, "bkmsg":"\u6210\u529f", "bkdata":["\u5415\u5c1a\u5fd7","1387580400","\u6dfb\u52a0\u8bb0\u5f55"] } // console.log(obj.length); if (obj.status == 1) { for (var i = 0; i < obj.bkdata.length; i++) { console.log(obj.bkdata[i]); }; }else{ alert("數(shù)據(jù)有誤~"); };
for in 循環(huán):
//for in循環(huán) for(x in obj.bkdata){ //x表示是下標(biāo),來指定變量,指定的變量可以是數(shù)組元素,也可以是對象的屬性。 console.log(obj.bkdata[x]); } //元素 each方法 if (obj.status == 1) { $(obj.bkdata).each(function(index,item){ //index指下標(biāo) //item指代對應(yīng)元素內(nèi)容 //this指代每一個(gè)元素對象 //console.log(obj.bkdata[index]); console.log(item); //console.log($(this)); }); }else{ alert("數(shù)據(jù)有誤~"); }; //jquery each方法 $.each( obj.bkdata, function(index,item){ console.log(item); });
jQuery的ajax和遍歷json數(shù)組代碼如下所示:
jQuery.ajax({ type: "POST", url: "server.json", dataType:'json', data: "", success: function(msg){ var title = ""; jQuery.each(msg,function(key,value){ alert(value.ec_id+" "+value.ec_title); }) } });
- JQuery遍歷json數(shù)組的3種方法
- jquery對Json的各種遍歷方法總結(jié)(必看篇)
- 遍歷json獲得數(shù)據(jù)的幾種方法小結(jié)
- jQuery的ajax和遍歷數(shù)組json實(shí)例代碼
- jquery動態(tài)遍歷Json對象的屬性和值的方法
- jQuery篩選數(shù)組之grep、each、inArray、map的用法及遍歷json對象
- jQuery ajax json 數(shù)據(jù)的遍歷代碼
- jQuery通過ajax請求php遍歷json數(shù)組到table中的代碼(推薦)
- jquery遍歷json對象集合詳解
- jQuery使用$.each遍歷json數(shù)組的簡單實(shí)現(xiàn)方法
- jQuery遍歷json的方法分析
- jquery使用each方法遍歷json格式數(shù)據(jù)實(shí)例
- jQuery遍歷json中多個(gè)map的方法
- jquery遍歷篩選數(shù)組的幾種方法和遍歷解析json對象
- 通過Jquery遍歷Json的兩種數(shù)據(jù)結(jié)構(gòu)的實(shí)現(xiàn)代碼
- jQuery 遍歷json數(shù)組的實(shí)現(xiàn)代碼
- Javascript Jquery 遍歷Json的實(shí)現(xiàn)代碼
- Jquery遍歷Json數(shù)據(jù)的方法
相關(guān)文章
利用jQuery實(shí)現(xiàn)打字機(jī)字幕效果實(shí)例代碼
這篇文章給大家介紹了如何利用jQuery來實(shí)現(xiàn)打字機(jī)字幕效果,文章介紹了實(shí)現(xiàn)原理和代碼,實(shí)現(xiàn)以后的效果還是不錯(cuò),有需要的可以參考借鑒。2016-09-09jquery ztree實(shí)現(xiàn)模糊搜索功能
這篇文章主要為大家詳細(xì)介紹了jquery ztree實(shí)現(xiàn)模糊搜索功能,具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2016-02-02jquery實(shí)現(xiàn)鼠標(biāo)滑過小圖時(shí)顯示大圖的方法
這篇文章主要介紹了jquery實(shí)現(xiàn)鼠標(biāo)滑過小圖時(shí)顯示大圖的方法,涉及圖片及鼠標(biāo)操作的技巧,具有一定參考借鑒價(jià)值,需要的朋友可以參考下2015-01-01jquery+Ajax實(shí)現(xiàn)簡單分頁條效果
這篇文章主要為大家詳細(xì)介紹了jquery+Ajax實(shí)現(xiàn)簡單分頁條效果,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2021-06-06圣誕節(jié)Merry Christmas給博客添加浪漫的下雪效果基于jquery實(shí)現(xiàn)
一年一度的圣誕節(jié)又到了,首先祝大家好運(yùn)一串串,健康一年年,平安到永遠(yuǎn)!今天就教大家如何在博客中添加紛紛揚(yáng)揚(yáng)的下雪效果。今天,你那里下雪了嗎2012-12-12jQuery插件FusionCharts實(shí)現(xiàn)的3D帕累托圖效果示例【附demo源碼】
這篇文章主要介紹了jQuery插件FusionCharts實(shí)現(xiàn)的3D帕累托圖效果,結(jié)合實(shí)例形式分析了jQuery使用FusionCharts載入xml數(shù)據(jù)繪制3D帕累托圖的相關(guān)實(shí)現(xiàn)技巧,并附帶demo源碼供讀者下載參考,需要的朋友可以參考下2017-03-03jQuery學(xué)習(xí)筆記之控制頁面實(shí)現(xiàn)代碼
每一段jQuery對應(yīng)一段html代碼,以標(biāo)記為準(zhǔn)則,css為共用代碼,每段代碼需獨(dú)立運(yùn)行。html和css代碼在文章尾部,如下例2012-02-02簡單談?wù)刯Query(function(){})與(function(){})(jQuery)
這篇文章主要簡單介紹了jQuery(function(){})與(function(){})(jQuery)的區(qū)別,需要的朋友可以參考下2014-12-12JQuery.Ajax()的data參數(shù)類型實(shí)例詳解
這篇文章主要介紹了JQuery.Ajax()的data參數(shù)類型實(shí)例詳解,需要的朋友可以參考下2015-11-11