jQuery遍歷json的方法分析

更新時(shí)間：2016年04月16日 11:21:02 作者：且行且思

這篇文章主要介紹了jQuery遍歷json的方法,結(jié)合實(shí)例形式分析了jQuery針對(duì)json格式數(shù)據(jù)的遍歷操作相關(guān)技巧,需要的朋友可以參考下

本文實(shí)例分析了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請(qǐng)求：

$.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)，來(lái)指定變量，指定的變量可以是數(shù)組元素，也可以是對(duì)象的屬性。
    console.log(obj.bkdata[x]);
  }
//元素 each方法
if (obj.status == 1) {
 $(obj.bkdata).each(function(index,item){
  //index指下標(biāo)
  //item指代對(duì)應(yīng)元素內(nèi)容
  //this指代每一個(gè)元素對(duì)象
  //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);
});

更多關(guān)于jQuery相關(guān)內(nèi)容感興趣的讀者可查看本站專題：《jQuery操作DOM節(jié)點(diǎn)方法總結(jié)》、《jQuery遍歷算法與技巧總結(jié)》、《jQuery表格(table)操作技巧匯總》、《jQuery拖拽特效與技巧總結(jié)》、《jQuery擴(kuò)展技巧總結(jié)》、《jQuery常見(jiàn)經(jīng)典特效匯總》、《jQuery動(dòng)畫與特效用法總結(jié)》、《jquery選擇器用法總結(jié)》及《jQuery常用插件及用法總結(jié)》

希望本文所述對(duì)大家jQuery程序設(shè)計(jì)有所幫助。

您可能感興趣的文章:

相關(guān)文章

jQuery實(shí)現(xiàn)長(zhǎng)文字部分顯示代碼
在網(wǎng)頁(yè)上只有一個(gè)小區(qū)域，但是說(shuō)明性的文字又很長(zhǎng)，下面這段腳本實(shí)現(xiàn)的是長(zhǎng)文字的部分顯示，有類似需求的朋友可以參考下哈，希望對(duì)你有所幫助
2013-05-05
淺談$(''div a'') 與$(''div>a'')的區(qū)別
下面小編就為大家?guī)?lái)一篇淺談$('div a') 與$('div>a')的區(qū)別。小編覺(jué)得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧
2016-07-07
jQuery中的insertBefore(),insertAfter(),after(),before()區(qū)別介紹
這篇文章主要介紹了jQuery中的insertBefore(),insertAfter(),after(),before()區(qū)別介紹的相關(guān)資料,非常不錯(cuò)，具有參考借鑒價(jià)值，需要的朋友可以參考下
2016-09-09
根據(jù)郵箱的域名跳轉(zhuǎn)到相應(yīng)的登錄頁(yè)面的代碼
其實(shí)主要是想記錄一下這種對(duì)象的用法，喜歡的朋友可以參考下
2012-02-02
在網(wǎng)站上應(yīng)該用的30個(gè)jQuery插件整理
jQuery插件是網(wǎng)頁(yè)設(shè)計(jì)師最喜歡的。從圖像滑塊，圖像畫廊和導(dǎo)航插件，它們是如此眾多，如此多樣，如此驚人的和互動(dòng)可以制作美化網(wǎng)站
2011-11-11
jquery實(shí)現(xiàn)根據(jù)瀏覽器窗口大小自動(dòng)縮放圖片的方法
這篇文章主要介紹了jquery實(shí)現(xiàn)根據(jù)瀏覽器窗口大小自動(dòng)縮放圖片的方法,涉及jquery操作頁(yè)面元素屬性與樣式的相關(guān)技巧,具有一定參考借鑒價(jià)值,需要的朋友可以參考下
2015-07-07
jquery中獲得$.ajax()事件返回的值并添加事件的方法
如果想獲得$.ajax()中返回的值，直接用在success:funciton(){return xx} 是不可以的，要想獲得xx的值，要在script中，使用全局變量。利用全局變量引出xx的值。
2010-04-04
jQuery如何設(shè)置背景顏色
這篇文章主要介紹了jQuery如何設(shè)置背景顏色，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方，望不吝賜教
2022-12-12
jquery實(shí)現(xiàn)可自動(dòng)判斷位置的彈出層效果代碼
這篇文章主要介紹了jquery實(shí)現(xiàn)可自動(dòng)判斷位置的彈出層效果代碼,可實(shí)現(xiàn)根據(jù)鼠標(biāo)位置進(jìn)行合理的判斷并顯示彈出層的功能,涉及jQuery鼠標(biāo)事件及頁(yè)面元素位置屬性的相關(guān)判定技巧,需要的朋友可以參考下
2015-10-10
jQuery操作動(dòng)畫完整實(shí)例分析
這篇文章主要介紹了jQuery操作動(dòng)畫,結(jié)合完整實(shí)例形式分析了jquery針對(duì)頁(yè)面元素動(dòng)畫效果相關(guān)實(shí)現(xiàn)技巧,涉及jquery slideUp與slideDown方法的使用,需要的朋友可以參考下
2020-01-01