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":"tao_guo_rong@163.com",

"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”记录名称，而其他变量则没有。