日期:2014-05-16  浏览次数:20384 次

JSON及jQuery应用

转自:http://www.tinoweb.cn/2009/08/22/json_and_jquery/

JSON定义

JSON(JavaScript Object Notation) 是一种轻量级的数据交换格式,易于阅读和编写,同时也易于机器解析和生成。它基于ECMA262语言规范(1999-12第三版)中JavaScript 编程语言的一个子集。 JSON采用与编程语言无关的文本格式,但是也使用了类C语言(包括C, C++, C#, Java, JavaScript, Perl, Python等)的习惯,这些特性使JSON成为理想的数据交换格式。

JSON的结构基于下面两点

1. “名称/值”对的集合 不同语言中,它被理解为对象(object),记录(record),结构(struct),字典(dictionary),哈希表(hash table),键列表(keyed list)等
2. 值的有序列表 多数语言中被理解为数组(array)

JSON使用

JSON以一种特定的字符串形式来表示JavaScript 对象。如果将具有这样一种形式的字符串赋给任意一个JavaScript变量,那么该变量会变成一个对象引用,而这个对象就是字符串所构建出来的,我们用实例来说明。
这里假设我们需要创建一个User对象,并具有以下属性
A. 用户ID
B. 用户名
C. 用户Email
您可以使用以下JSON形式来表示User对象:

{"UserID":11, "Name":"Suke", "Email":"henson◎hotmail.com"};

然后如果把这一字符串赋予一个JavaScript变量,那么就可以直接使用对象的任一属性了。
完整代码:


实际使用时可能更复杂一点,比如我们为Name定义更详细的结构,使它具有FirstName和LastName:

{"UserID":11, "Name":{"FirstName":"Suke","LastName":"Lee"}, "Email":"henson◎hotmail.com"}

完整代码:


现在我们增加一个新的需求,我们某个页面需要一个用户列表,而不仅仅是一个单一的用户信息,那么这里就需要创建一个用户列表数组。
下面代码演示了使用JSON形式定义这个用户列表:

[
{"UserID":11, "Name":{"FirstName":"Suke","LastName":"Lee"}, "Email":"henson◎hotmail.com"},
{"UserID":12, "Name":{"FirstName":"Jeff","LastName":"Liu"}, "Email":"xxx◎xxx.com"},
{"UserID":13, "Name":{"FirstName":"Jack","LastName":"Ye"}, "Email":"xxx2◎xxx2.com"}
]

完整代码:


事实上除了使用”.”引用属性外,我们还可以使用下面语句:

alert(UserList[0]["Name"]["FirstName"]);

或者

alert(UserList[0].Name["FirstName"]);

对JSON的认识归纳为以下几点:

1. 对象是属性、值对的集合。一个对象的开始于“{”,结束于“}”。每一个属性名和值间用“:”提示,属性间用“,”分隔。
2. 数组是有顺序的值的集合。一个数组开始于”[",结束于"]“,值之间用”,”分隔。
3. 值可以是引号里的字符串、数字、true、false、null,也可以是对象或数组。这些结构都能嵌套。

JSON 的优点:

1. JSON 提供了一种优秀的面向对象的方法,以便将元数据缓存到客户机上。
2. JSON 帮助分离了验证数据和逻辑。
3. JSON 帮助为 Web 应用程序提供了 Ajax 的本质。

jQuery中JSON的使用

$.getJSON()方法。该方法有三个参数,$.getJSON(String url, Hash params, Function callback)。其中,url是获取JSON结构数据的请求地址,即访问该地址会得到一段JSON结构的文本(这里被JQuery封装了,这一段文本 是通过请求对象的responseText属性得到的)。params是向url地址的服务发送的参数,服务器可以根据这些参数做出响应。参数的结构跟 JSON的结构类似,都是形似“{key1:value1,key2:value2}”的结构。callback为回调函数,即 function(json){//code…},在这个函数中做客户端处理。在callback函数中,参数json就是通过向url请求得来的 JSON结构文本构造出来的对象。json参数的使用很简单,它是一个哈希表对象,可以通过json.key的方式来使用其中定义的属性。

 'henson', 'email' => 'libingcunstar@gmail.com', 'password' => '123456');
echo json_encode($arr);
?>