zoukankan      html  css  js  c++  java
  • jQuery遍历多层json数据

    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>

  • 相关阅读:
    [ SharePoint ADFS 开发部署系列 (一)]
    [ Office 365 开发系列 ] Graph Service
    [ Office 365 开发系列 ] 身份认证
    [ Office 365 开发系列 ] 开发模式分析
    [ Office 365 开发系列 ] 前言
    Debian安装Chrome
    SharePoint 常用操作杂谈
    SharePoint Managed Metadata 使用总结
    SharePoint PerformancePoint开发实例
    node使用mysql报错
  • 原文地址:https://www.cnblogs.com/zhengcong/p/4014477.html
Copyright © 2011-2022 走看看