jQuery处理JSON数据的实例分析

一、对JSON的一些基本知识。

JSON对象是确定由{ } { },表示一个对象,如{ 123 },areaid:对象的价值形成的关键(关键:价值)。

{ },标志数组,每个数组通过分割,如{ areaid:123,areaid:345 }。

在许多情况下,它是一组对象,这就是它的方式:

复制代码代码如下所示:
{ { 123 },{ areaid:areaid:345 } }


事实上,数组也是一个对象,上面的格式也可以这样写:

复制代码代码如下所示:
{面积:{ { 123 },{ areaid:areaid:345 } } }


这代表了两个子数据的区域对象,其中每个也是一个对象,每个对象是areaid。

JSON中字符串和字符的定义格式类似于普通类C语言定义,使用双引号定义字符串和单引号来定义字符。

JSON的键(键)由双引号括起来。例如,面积和areaid均用双引号包围。在某些语言中构建JSON字符串时,可以使用转义字符转义双引号。

二,Javascript操作JSON字符

1。首先,区分JSON字符串和JSON对象

JSON字符串:

复制代码代码如下所示:
无功strjson = {面积:{ { 123 },{ areaid:areaid:345 } } },


事实上,它可以这样写。

复制代码代码如下所示:
无功strjson ={面积:{ { 123 },{ areaid:areaid 345 } } },


这表示一个JSON字符串,因为在JS中,单引号和双引号可以表示一个字符串,所以第一个双引号和第二个单引号用于表示JSON字符串。

让我们看看JSON对象

复制代码代码如下所示:
var json = {面积:{ { 123 },{ areaid:areaid:345 } } },


如你所见,JSON对象没有单引号或者双引号在物体的最外层,它代表一个JSON对象。

在服务器端脚本上:

复制代码代码如下所示:
< PHP
$data { 'id' } = 1;
$ DAT { 'name' } = 玛丽;
$大{'} = array_merge($美元数据,DAT);
1美元{ 'id' } = 2;
$ DAT1 { 'name' } = 燕子;
{蓝} =美元大array_merge(1美元美元,DAT1);
print_r($大); / / /平面是一个二维数组(见下文)

*
阵列

{红}数组

{ 1
{玛丽

{数组

{ 2
{燕子


* /

回声json_encode($大); / /输出是字符串转换为json格式,可直接用于JS(见下文)
*
{红色:id:1,name:玛丽},蓝色:id:2,name
* /
>


jQuery脚本:

处理返回到JS:
第一个是使用瓦尔转换:当它是一个字符串,eval转换成一个jQuery对象(如下)

复制代码代码如下所示:
var arr =红色{:{id:1,名称:玛丽},{蓝:身份:2,名字
var dataobj = eval((+ ARR +)); / /这个原因,再加上良好的括号和双引号,我不知道,JSON语法时,只会死记硬背
美元。每个(dataobj,功能(编号,项目){
输出
警报(项目哈+项目。名称);
})


第二:不需要转换:

复制代码代码如下所示:
var arr = { {红:身份:1,名称:玛丽},{蓝:身份:2,名字
美元。每个(ARR,功能(编号,项目){
输出
警报(项目哈+项目。名称);
})


还有两种回收方法:
方法:
复制代码代码如下所示:
美元。每个(ARR,功能(编号,项目){
输出
警报(项目哈+项目。名称);
})


两种方法:

复制代码代码如下所示:
对于(ARR VAR键){
警报(键);
警报(ARR {key}。状态);
}


你可以试试这个效果。

Ajax返回JSON时的处理模式

1,使用一个共同的ASPX页面处理
我认为这样做是最简单的事情,看看下面的代码

复制代码代码如下所示:
$ ajax({
类型:邮政
网址:默认.aspx
DataType:JSON
成功:函数(数据){
$(输入#欣欣)。瓦迩(数据{ 0 }。demodata);
},
错误:函数(XMLHttpRequest,textstatus,errorthrown){
警报(errorthrown);
}
});


这是在后台传递数据的代码。

复制代码代码如下所示:
反应清楚();
响应。写({ {demodata 这是JSON数据} } );
响应(同花顺);
响应(完);


这种处理的直接数据分析将通过JSON数据,也就是说前面的JS代码可以直接将数据解析成json对象的数据,而不是字符串数据,如数据{ 0 }。demodata,这里直接使用JSON数据