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指代每一個元素對象
//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中多個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)以后的效果還是不錯,有需要的可以參考借鑒。2016-09-09
jquery ztree實(shí)現(xiàn)模糊搜索功能
這篇文章主要為大家詳細(xì)介紹了jquery ztree實(shí)現(xiàn)模糊搜索功能,具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2016-02-02
jquery實(shí)現(xiàn)鼠標(biāo)滑過小圖時顯示大圖的方法
這篇文章主要介紹了jquery實(shí)現(xiàn)鼠標(biāo)滑過小圖時顯示大圖的方法,涉及圖片及鼠標(biāo)操作的技巧,具有一定參考借鑒價(jià)值,需要的朋友可以參考下2015-01-01
jquery+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-12
jQuery插件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-03
jQuery學(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-12
JQuery.Ajax()的data參數(shù)類型實(shí)例詳解
這篇文章主要介紹了JQuery.Ajax()的data參數(shù)類型實(shí)例詳解,需要的朋友可以參考下2015-11-11

