json详解.ppt

JSON
.
1
本章目标
什么是JSON
JSON基本语法
JSON在Ajax中应用
.
2
JSON简介
JSON （JavaScript Object Natation）
一种轻量级的数据交换格式
和XML一样，基于纯文本的数据格式
可以表达String、Number、Boolean、数组、甚至对象等数据
适合于服务器与JavaScript客户端的交互
.
3
JSON基本语法
JSON实际上基于JavaScript语法的一个子集。
值的表示
字符串、数值、true、false、null、Object或数组等。
字符串
"abc" 、 "\r\n" 、 "\u00A9"
数值
123 、 -
布尔
true 、 false
null
.
4
JSON基本语法
数组表示
使用 [ ] 包含所有元素，每个元素用逗号分隔，元素可以是任意的值。
比如:
[ "abc" , 123 , true, null ]
访问其中的元素，使用索引号，从 0 开始。
.
5
JSON基本语法
Object表示
用 { } 包含一系列无序的 Key-Value 键值对表示,其中Key和Value之间用冒号分割，每个key-value之间用逗号分割。
比如:
{ "bookname":"Ajax基础",
"publisher":"电子工业出版社",
"price":
}
访问其中的数据，
.
6
JSON基本语法
复杂数据表示
Object或数组中的值还可以是另一个 Object 或者数组 ，以表示更复杂的数据
比如:
List list=new ArrayList();
(emp)
[
{"name":"张三", "age":18 , "loves":["看书","玩游戏"]},
{"name":"王五", "age": 20,"loves":["旅游"]}
]
.
7
JSON在Ajax中应用
JSON文本格式数据如何解析成对象
比如
var s = "{'name':'张三','age':20}";
可使用JavaScript的eval()函数来解决。
var obj = eval("(" + s + ")");
alert();
.
8
JSON在Ajax中应用
服务端回应的数据格式为JSON文本格式
服务端返回的JSON只能表示一个对象
.
9
JSON在Ajax中应用
客户端将JSON文本格式数据解析成JSON对象
这里，采用jQeury的专门处理JSON格式数据的方法
$.getJSON(url [,data] [,callback])
url是必须的，请求的服务器URL地址
data 可选，传递的参数，格式为 {name:value,...}
callback 可选,回调函数的参数，已经是解析后的JSON对象
.
10