http://www.lihuoqing.cn/code/861.html
JSON(JavaScript Object Notation) 是一种轻量级的数据交换格式,易于人阅读和编写,同时也易于机器解析和生成,跟XML不相上下,在当今得到了广泛应用。有人说,当JS遇上Json,小JJ诞生啦;我说,当Json遇上xml,世界上又多了俩兄弟。近期看EasyUi视频里也全是Json作为前后台的数据交互,Json的有两种结构,分别是对象和数组:
- 对象:对象在js中表示为“{}”扩起来的内容,数据结构为: {key:value,key:value,…}
- 数组:数组在js中是中括号“[]”扩起来的内容,数据结构为: ["java","javascript","vb",...]
经过对象、数组2种结构就可以组合成复杂的数据结构了。简单认识了Json后,我们看看jQuery怎么解析Json字符串,如何应用到实际开发中,这里,列出两种解析方式:
一、jQuery解析Json数据格式:
使用这种方法,你必须在Ajax请求中设置参数:
1
|
dataType:
"json"
|
获取通过回调函数返回的数据并解析得到我们想要的值,看源码:
1
2
3
4
5
6
7
|
jQuery.ajax({
url: full_url,
dataType:
"json"
,
success:
function
(results) {
alert(result.name);
}
});
|
通常情况下,你可以从后台返回JSON数据,前台就交给jQuery啦,哈哈!!
二、jQuery解析Json对象:
jQuery提供了另一种方法“parseJSON”,这需要一个标准的JSON字符串,并返回生成的JavaScript对象。让我们来看看语法:
1
|
data = $.parseJSON(string);
|
看看它是如何运用的到实际开发中的:
1
2
3
4
5
6
7
|
jQuery.ajax({
url: dataURL,
success:
function
(results) {
var
parsedJson = jQuery.parseJSON(results);
alert(parsedJson.name);
}
});
|
正如你所见,在这里,我已经使用parseJSON解析JSON字符串成对象,所以在这里你不能直接获得值,你需要使用对象得到的分析值。然而,JSON是相当简单的,易于阅读,一旦你习惯了大括号和括号,你将深切的感受到Json为咱带来的好处!
PS: 刚才试了一下,chrome,jquery 2.0.3,第二种起作用,第一种出现undefault。