文档章节

json嵌套遍历实例

高处胜寒-飛天
 高处胜寒-飛天
发布于 2017/09/11 15:43
字数 784
阅读 51
收藏 0

码上生花,ECharts 作品展示赛正式启动!>>>

<?php


/**
 * @param $arr
 */

function p($arr)
{

    echo "<pre>";

    print_r($arr);

    echo "</pre>";
}


?>


<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <!-- 上述3个meta标签*必须*放在最前面,任何其他内容都*必须*跟随其后! -->
    <title>小雨在线-开发测试</title>


    <link href="https://cdn.bootcss.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet">

    <!--[if lt IE 9]>
    <script src="https://cdn.bootcss.com/html5shiv/3.7.3/html5shiv.min.js"></script>
    <script src="https://cdn.bootcss.com/respond.js/1.4.2/respond.min.js"></script>
    <![endif]-->
</head>
<body>


<div class="container-fluid" id="box">
    <!--
      <div class="chapter">
          <h3>第1章 面向对象基础</h3>
          <ul>
              <li data-media-id=""><a href="#" class="J-media-item"><i class="icon-video type"></i>面向对象介绍</a></li>
          </ul>
      </div>
    -->
</div>


<script src="https://cdn.bootcss.com/jquery/1.12.4/jquery.min.js"></script>
<script src="https://cdn.bootcss.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>


<script>

    $(function () {
        ajaxreq();


        $(document).on("click",".J-media-item",function () {
            console.log($(this).parent().data("mediaId"));

        });


    });




    function ajaxreq() {
        $.ajax({

            //提交数据的类型 POST GET
            type: "POST",

            //提交的网址
            //url: "./test_ajax.php",
           // url: "./liti_list.json",
            url: "./t.json",

            //提交的数据
            data: {ajaxdo: "act"},

            //返回数据的格式
            datatype: "json",//"xml", "html", "script", "json", "jsonp", "text".

            //在请求之前调用的函数
            beforeSend: function (XMLHttpRequest) {
                //todo
            },

            //成功返回之后调用的函数
            success: function (data) {

                var json_data = data;

                console.log(json_data);

                $.each(json_data,function (key,val) {

                    var jsonarr = val;
                    console.log(jsonarr);

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

                       var jsonobj = jsonarr[i];
                       console.log(jsonobj);
                       for (var x in jsonobj) {
                           //console.log(x);
                           console.log(jsonobj[x]);
                       }

                   }
                    
                });
                
                
                
                
                


               // console.log(data);

                var temp = "";


/*
                $.each(json_data.data, function (key, val) {

                    temp += "<div class=\"chapter\">";
                    temp += "<h3>" + val.name + "</h3>";
                    temp += "<ul>";
                    $.each(val.exams, function (k, v) {
                       // console.log(v.id + v.text);
                        temp += "<li data-media-id=\""+v.id+"\"><a href=\"#\" class=\"J-media-item\"><i class=\"icon-video type\"></i>"+v.id + v.text+"</a></li>";
                    });

                    temp += "</ul>";
                    temp += "</div>";
                    //console.log(val.name);

                });

                */

                $("#box").append(temp);


                //todo
            },

            //调用执行后调用的函数
            complete: function (XMLHttpRequest, textStatus) {
                //todo
            },

            //调用出错执行的函数
            error: function () {
                //todo
            }
        });

    }


</script>


</body>
</html>

 

{
  "programmers": [
    {
      "firstName": "Brett",
      "lastName": "McLaughlin",
      "email": "aaaa"
    },
    {
      "firstName": "Jason",
      "lastName": "Hunter",
      "email": "bbbb"
    },
    {
      "firstName": "Elliotte",
      "lastName": "Harold",
      "email": "cccc"
    }
  ],
  "authors": [
    {
      "firstName": "Isaac",
      "lastName": "Asimov",
      "genre": "science fiction"
    },
    {
      "firstName": "Tad",
      "lastName": "Williams",
      "genre": "fantasy"
    },
    {
      "firstName": "Frank",
      "lastName": "Peretti",
      "genre": "christian fiction"
    }
  ],
  "musicians": [
    {
      "firstName": "Eric",
      "lastName": "Clapton",
      "instrument": "guitar"
    },
    {
      "firstName": "Sergei",
      "lastName": "Rachmaninoff",
      "instrument": "piano"
    }
  ]
}

 

{
  "code": 0,
  "message": "成功",
  "totalCount": 0,
  "type": 0,
  "data": [
    {
      "name": "AAAA",
      "exams": [
        {
          "id": 175,
          "text": "AAA测试1",
          "playUrl": null,
          "summary": null,
          "speak": null,
          "analysis": null,
          "star": 6,
          "vip": 0,
          "exp": 0,
          "coin": 0
        },
        {
          "id": 176,
          "text": "AAA测试2",
          "playUrl": null,
          "summary": null,
          "speak": null,
          "analysis": null,
          "star": 6,
          "vip": 0,
          "exp": 0,
          "coin": 0
        },
        {
          "id": 177,
          "text": "AAA测试3",
          "playUrl": null,
          "summary": null,
          "speak": null,
          "analysis": null,
          "star": 6,
          "vip": 0,
          "exp": 0,
          "coin": 0
        }
      ]
    },
    {
      "name": "BBBB",
      "exams": [
        {
          "id": 178,
          "text": "BBBB测试1",
          "playUrl": null,
          "summary": null,
          "speak": null,
          "analysis": null,
          "star": 6,
          "vip": 0,
          "exp": 0,
          "coin": 0
        },
        {
          "id": 179,
          "text": "BBBB测试2",
          "playUrl": null,
          "summary": null,
          "speak": null,
          "analysis": null,
          "star": 6,
          "vip": 0,
          "exp": 0,
          "coin": 0
        },
        {
          "id": 180,
          "text": "BBBB测试3",
          "playUrl": null,
          "summary": null,
          "speak": null,
          "analysis": null,
          "star": 6,
          "vip": 0,
          "exp": 0,
          "coin": 0
        },
        {
          "id": 181,
          "text": "BBBB测试4",
          "playUrl": null,
          "summary": null,
          "speak": null,
          "analysis": null,
          "star": 6,
          "vip": 0,
          "exp": 0,
          "coin": 0
        }
      ]
    },
    {
      "name": "CCCC",
      "exams": [
        {
          "id": 182,
          "text": "CCCC测试1",
          "playUrl": null,
          "summary": null,
          "speak": null,
          "analysis": null,
          "star": 6,
          "vip": 0,
          "exp": 0,
          "coin": 0
        },
        {
          "id": 183,
          "text": "CCCC测试2",
          "playUrl": null,
          "summary": null,
          "speak": null,
          "analysis": null,
          "star": 6,
          "vip": 0,
          "exp": 0,
          "coin": 0
        },
        {
          "id": 184,
          "text": "CCCC测试3",
          "playUrl": null,
          "summary": null,
          "speak": null,
          "analysis": null,
          "star": 6,
          "vip": 0,
          "exp": 0,
          "coin": 0
        }
      ]
    },
    {
      "name": "DDDD",
      "exams": [
        {
          "id": 185,
          "text": "DDDD测试1",
          "playUrl": null,
          "summary": null,
          "speak": null,
          "analysis": null,
          "star": 6,
          "vip": 0,
          "exp": 0,
          "coin": 0
        },
        {
          "id": 186,
          "text": "DDDD测试2",
          "playUrl": null,
          "summary": null,
          "speak": null,
          "analysis": null,
          "star": 6,
          "vip": 0,
          "exp": 0,
          "coin": 0
        }
      ]
    },
    {
      "name": "EEEE",
      "exams": [
        {
          "id": 179,
          "text": "EEEE测试1",
          "playUrl": null,
          "summary": null,
          "speak": null,
          "analysis": null,
          "star": 6,
          "vip": 0,
          "exp": 0,
          "coin": 0
        }
      ]
    }
  ]
}

 

参考资料:

http://www.cnblogs.com/firstcsharp/p/4208956.html

https://www.zhihu.com/question/25147806

http://blog.csdn.net/a525390802/article/details/76293325?locationNum=10&fps=1

© 著作权归作者所有

高处胜寒-飛天

高处胜寒-飛天

粉丝 9
博文 234
码字总数 154706
作品 0
西安
程序员
私信 提问
加载中
请先登录后再评论。
ASP.NET提取多层嵌套json数据的方法

ASP.NET提取多层嵌套json数据的方法 本文实例讲述了ASP.NET利用第三方类库提取多层嵌套json数据的方法,具体例子如下。 假设需要提取的json字符串如下: {"name":"lily","age":23,"addr":{"c......

osc_2f7z5jij
2018/01/18
1
0
python中的字典和json的区别

字典 字典是另一种可变容器模型,且可存储任意类型对象。 字典的每个键值 key=>value 对用冒号 : 分割,每个键值对之间用逗号 , 分割,整个字典包括在花括号 {} 中 ,格式如下所示: d = {key...

osc_fdgnewj9
2019/07/23
1
0
Python动态属性和特性(一)

在Python中,数据的属性和处理数据的方法统称为属性。其实,方式只是可调用的属性。除了这二者之外,我们还可以创建特性(property),在不改变类接口的前提下,使用存取方法(即读取值和设置...

osc_sb0ev53k
2018/06/24
1
0
手把手教你实现json嵌套对象的范式化和反范式化

原文在我的博客中:原文地址 在json对象嵌套比较复杂的情况下,可以将复杂的嵌套对象转化成范式化的数据。比如后端返回的json对象比较复杂,前端需要从复杂的json对象中提取数据然后呈现在页...

yuxiaoliang
2018/07/03
0
0
Android基础——JSON数据的全方位解析

本篇文章包括以下内容: JSON是什么 JSONObject的解析和存储 JSONObject的解析和存储(抽象) JSONArray的解析和存储 模拟周边加油站JSON数据实战 JSON:JavaScript对象表示法(JavaScript ...

osc_6h5gkdny
2018/09/06
2
0

没有更多内容

加载失败,请刷新页面

加载更多

28. 学习 Go 协程:互斥锁和读写锁

Hi,大家好,我是明哥。 在自己学习 Golang 的这段时间里,我写了详细的学习笔记放在我的个人微信公众号 《Go编程时光》,对于 Go 语言,我也算是个初学者,因此写的东西应该会比较适合刚接触...

王炳明
刚刚
0
0
DEV控件之TreeList使用

绑定DataTable 直接设置DataSource即可,同时需要设置KeyFieldName和ParentFieldName两个属性,好处就是,无需像TreeView一样去递归节点,设置了这两个属性自动实现节点绑定。 注意:绑定的字...

osc_6jhxf9ab
刚刚
0
0
架构设计 | 异步处理流程,多种实现模式详解

本文源码:GitHub·点这里 || GitEE·点这里 一、异步处理 1、异步概念 异步处理不用阻塞当前线程来等待处理完成,而是允许后续操作,直至其它线程将处理完成,并回调通知此线程。 必须强调一...

osc_z9t307rr
1分钟前
0
0
Shell中傻傻分不清楚的TOP3

Shell中傻傻分不清楚的TOP3 发布文章 近来小姐姐又犯憨憨错误,问组内小伙伴export命令不会持久化环境变量吗?反正我是问出口了。。然后小伙伴就甩给了我一个《The Linux Command Line》PDF...

osc_zcxehg9f
2分钟前
0
0
11.经典O(n²)比较型排序算法

关注公号「码哥字节」修炼技术内功心法,完整代码可跳转 GitHub:https://github.com/UniqueDong/algorithms.git 摘要:排序算法提多了,很多甚至连名字你都没听过,比如猴子排序、睡眠排序等...

osc_zjs1puzi
4分钟前
0
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部