首頁  >  文章  >  web前端  >  jQuery遍歷json的方法分析_jquery

jQuery遍歷json的方法分析_jquery

WBOY
WBOY原創
2016-05-16 15:05:161694瀏覽

本文實例分析了jQuery遍歷json的方法。分享給大家參考,具體如下:

複製程式碼 程式碼如下:
var obj = {"status":1,"bkmsg":"u6210u529f" "bkdata":["u5415u5c1au5fd7","1387580400","u6dfbu52a0u8bb0u5f55"]}{"status":1,"bkmsg":"u6210u529f","bkdata":1,"bkmsg":"u6210u529f","bkdata":1,"bkmsg":"u6210u529f","bkdata" "u6dfbu52a0u8bb0u5f55"] },{"status":1,"bkmsg":"u6210u529f","bkdata":["u5415u5c1au5fd7","1387580400","u4ec0u4e48u4e5fu6ca1u>
ajax請求:

$.ajax({
    url: '/path/to/file',
    type: 'GET',
    dataType: 'json',
    data: {param1: 'value1'},
    success: function (obj){
      //遍历obj
    }
})

回傳的內容在success的函數裡面,所有的遍歷操作都是在這裡面操作的:

for循環:

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("数据有误~");
};

for in 迴圈:

//for in循环
  for(x in obj.bkdata){
    //x表示是下标,来指定变量,指定的变量可以是数组元素,也可以是对象的属性。
    console.log(obj.bkdata[x]);
  }
//元素 each方法
if (obj.status == 1) {
 $(obj.bkdata).each(function(index,item){
  //index指下标
  //item指代对应元素内容
  //this指代每一个元素对象
  //console.log(obj.bkdata[index]);
  console.log(item);
  //console.log($(this));
 });
}else{
 alert("数据有误~");
};
//jquery each方法
$.each( obj.bkdata, function(index,item){
    console.log(item);
});

更多關於jQuery相關內容有興趣的讀者可查看本站專題:《
jQuery操作DOM節點方法總結

》、《jQuery遍歷演算法與技巧總結》、《 jQuery表格(table)操作技巧總結》、《jQuery拖曳特效與技巧總結》、《jQuery擴充技巧摘要》、《jQuery🎜>jQuery常見經典特效總結》、《jQuery動畫與特效用法總結》、《jquery選擇器用法總結》及《jQuery常用插件及用法總結》及《jQuery常用插件及用法總結》及《

jQuery常用外掛程式>》

希望本文所述對大家jQuery程式設計有所幫助。
陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn