jQuery调用JSON数据学习第一天

jQuery调用JSON数据

        JSON数据交互格式源于JavaScript语法,使用jQuery可以十分方便地读取该类型的数据。在jQuery中,有专门用于调用JSON格式的全局函数getJSON()。

        JSON是一种数据交换格式,它通过key/value或数组的形势保存数据,通过使用jQuery框架,我们可以很轻松地读取,遍历,修改其中的任意内容。

JSON数据的基础知识

        从功能上来说,JSON的特点是将JavaScript中的对象转换成一种轻量型,易解析的字符串,这种字符串不仅能在JavaScript中传递,也可以通过异步的方式在web应用程序之间进行数据交互。JSON的结构包含两种,一种是name/value的形式,另外一种为数组格式,后者用于处理复合的JavaScript对象。JSON的对象转换过程,实质上就是将JavaScript对象转换成上述两种结构的过程,接下来介绍这两种介绍的组成方式。

1.name/value形式表示

        该形式是JSON格式中最为简单的一个表示方式,如下面代码:

        {"name":"tgr"}

        上述形式的代码功能等价于如下代码,表示"name"对应的值为"tgr":name=tgr

        如果有多个对应关系,则这种表示方式的优势则显示出来,如下代码:

        {

                "name":"tgr",

                "email":"[email protected]",

                "sex":"male"

        }

        上述形式与简单的字符串相比,更加易于阅读。同时,通过大括号使括号中的每一个值存在一一对应的关系,而且形成一个统一整体,各个元素是相互关联的。

 2.数组形式表示
        JSON也可以通过数组的形式来表示一组数据,实现的的方式也十分简单,只需要将多个带花括号的记录通过括号组合成一个name名称对应的值,这种方式不仅简便易于理解,而且大大减少了数据的复杂性,如下代码:
        {
            "1132":
              [
                    {"id","102","name":"张小虎","chinese":"80","english":"75"},
                    {"id","103","name":"李承熊","chinese":"90","english":"85"}
                    ........
              ]
        }

       上述代码中"1132"表示某班级的"编号",是一个变量名称,该变量对应的值是通过中括号组合多个元素的数组,每一个元素的数组,每一个元素对应多条记录,如“id”,“name”等。此外,可以使用多个变量名,对应更多的数组元素,代码入下: 

        {
            "1132":
              [
                    {"id","102","name":"张小虎","chinese":"80","english":"75"},
                    {"id","103","name":"李承熊","chinese":"90","english":"85"}
                    ........
              ]           
            "1133":
              [
                    {"id","112","name":"刘大成","maths":"80","music":"75"},
                    {"id","113","name":"罗明翰","maths":"90","music":"85"}
                    ........
              ]

            "1134":
              [
                    {"id","122","name":"钟伟","art":"80","sports":"75"},
                    {"id","123","name":"秦明","art":"90","sports":"85"}
                    ........

              ]

              ...........

        }

        上述代码中“1132”“1133”“1134”分别表示班级“编号”,属于变量名,各自对应数组元素。在数组元素对应的记录中,由于JSON在定义数据结构时全是动态的,因此,同一个结构的变量对应的记录结构可以不同。如上述示例中,变量名“1132”中存在“chinese”记录名称,而其他变量则没有。

猜你喜欢

转载自blog.csdn.net/weixin_42306620/article/details/80965238