jquery 如何遍历json

Posted Timeleader

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了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 
        } 
    })  
技术分享图片

返回的内容在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 如何遍历json的主要内容,如果未能解决你的问题,请参考以下文章

实用代码片段将json数据绑定到html元素 (转)

如何遍历这个json对象(不使用jquery)[重复]

Jquery如何遍历JSON数组并不断添加值

jquery遍历民族json数据

如何使用 Jquery 循环遍历此 JSON 数据以显示 klout 分数?

jquery 如何遍历json