jQuery遍历多层json数据

时间:2023-10-07 23:29:20

1、json与jsonp的区别(待查)

2、要遍历的数据如下:

{"status": "ok", "code": 200, "data": {"343946": {"8144": {"feed": 0, "instagram": 0, "livefyre": 21, "facebook": 0, "total": 21, "twitter": 0}}, "343945": {"2649": {"feed": 0, "instagram": 0, "livefyre": 42, "facebook": 0, "total": 42, "twitter": 0}}}}
3、数据来源:
https://coxnews.bootstrap.fyre.co/api/v1.1/public/comments/ncomments/MzQzOTQ1OjI2NDl8MzQzOTQ2OjgxNDQ==.json
4、代码如下:

<html>
    <head>

<title>TODO supply a title</title>

<meta charset="UTF-8">

<meta name="viewport" content="width=device-width, initial-scale=1.0">

<script type="text/javascript" src="jquery.min.js"></script>

<script type="text/javascript">

$(document).ready(function() {

//$.each( [4,1,2], function(i, n){

//    alert( "Item #" + i + ": " + n );

//});

//$.each( { name: "John", lang: "JS" }, function(i, n){

//    alert( "Name: " + i + ", Value: " + n );

//});

$.ajax({

dataType: 'jsonp',

url: 'https://coxnews.bootstrap.fyre.co/api/v1.1/public/comments/ncomments/MzQzOTQ1OjI2NDl8MzQzOTQ2OjgxNDQ==.json',

success: function(data) {

var dataObj = eval(data).data;

//一层循环

$.each(dataObj, function(n1, value) {

alert(n1);

//二层循环

$.each(value,function(n2,value1){

alert(n2);

//三层循环

                                        $.each(value1,function(n3,value2){

alert(n3);

alert(value2);

});

});

//for (var i = 0; i < value.length; i++) {

//    alert(value[i]);

// }

});

}

});

}

);

</script>

</head>

<body>

<div>TODO write content</div>

</body>

</html>