1.json简介:
何为json?
简 单地说,JSON 可以将 JavaScript 对象中表示的一组数据转换为字符串,然后就可以在函数之间轻松地传递这个字符串,或者在异步应用程序中将字符串从 Web 客户机传递给服务器端程序.
通俗点讲,它是一种数据的存储格式,就像php序列化后的字符串一样。
它也是一种数据描述,比如:我们将一个数组序列化后存放,就可以很容易的反序列化后应用;json也是如此,只不过它搭建的是客户端javascript和服务器端php交互的桥梁。
如何使用json?
自php5.2开始及之后的版本都内置了json的支持,主要有两个函数:
json_encode():编码,生成一个json字符串
json_decode():一个解码
注意:经过json_encode()函数编码后,将返回一个json格式的字符串,如:$json = '{"a":1,"b":2,"c":3,"d":4,"e":5}';将json格式的字符串输出,将得到一个json格式的javascript对象
2.json案例一:
json_encode的使用:
1
2
3
4
5
6
7
8
9
10
11
12
|
$arr
=
array
(
'name'
=>
'魏艳辉'
,
'nick'
=> '为梦翱翔,
'contact'
=>
array
(
'website'
=>
'http://zhuoweida.blog.tianya.cn'
,
)
);
$json_string
= json_encode(
$arr
);
echo
$json_string
;
//json格式的字符串
?>
|
结果:
1
2
3
4
5
6
7
8
9
|
{
"name"
:
"\u9648\u6bc5\u946b"
,
"nick"
:
"\u6df1\u7a7a"
,
"contact"
:
{
"email"
:
"shenkong at qq dot com"
,
"website"
:
"http:\/\/www.chinaz.com"
}
}
|
提示:输出的数据本身就是json格式的js对象,因为没有带引号,所以在前台页面可以直接将其当做json对象使用
总结:关联数组是按照javascript对象来构造的
分析:上述案例很简单的将一个数组json化了,需要指出的是在非utf-8编码下,中文字符将不可被encode,结果会出来空值,所以如果你使用gb2312编码编写php代码,那么就需要将包含中文的内容使用iconv或mb系列函数转化为utf-8后在json_encode
3.json案例二:
json_decode的使用:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
|
$arr = array(
'name'
=>
'魏艳辉'
,
'nick'
=>
'为梦翱翔'
,
'contact'
=> array(
'website'
=>
'http://zhuoweida.blog.tianya.cn'
,
)
);
$json_string = json_encode($arr);
$obj = json_decode($json_string);
//可以使用$obj->name访问对象的属性
$arr=json_decode($json_string,
true
);
//将第二个参数为true时将转化为数组
print_r($obj);
print_r($arr);
?>
|
结果:
1
2
3
4
5
6
7
8
9
|
{
"name"
:
"\u9648\u6bc5\u946b"
,
"nick"
:
"\u6df1\u7a7a"
,
"contact"
:
{
"email"
:
"shenkong at qq dot com"
,
"website"
:
"http:\/\/www.chinaz.com"
}
}
|
总结:关联数组是按照JavaScript对象来构造的
提示:输出的数据本身就是json格式的js对象,因为没有带引号,所以在前台页面可以直接将其当做json对象使用
分析:编码后就要解码,php提供了相应的函数json_decode,执行此函数后,将会得到一个对象或数组。
4.json案例三:
当和前台交互的时候,json的作用就显示出来了:
例如:javascript代码如下:
1
2
3
4
5
6
7
8
9
10
11
12
|
|
代码分析:上面代码,直接将json格式数据赋给一个变量,它就变成一个javascript对象了,这样我们可以很方便的对obj进行遍历
提示:在javascript中,数组的访问是通过索引来访问的;对象属性的访问是通过 对象名.属性名 来访问的
提示:输出的数据本身就是json格式的js对象,因为没有带引号,所以在前台页面可以直接将其当做json对象使用
5.json案例四:json跨域的数据调用:
例如:主调文件index.html
1
2
3
4
5
6
7
8
9
10
|
|
例如:被调用文件profile.php
1
2
3
4
5
6
7
8
9
10
11
12
|
$arr
=
array
(
'name'
=>
'魏艳辉'
,
'nick'
=>
'为梦翱翔'
,
'contact'
=>
array
(
'website'
=>
'http://zhuoweida.blog.tianya.cn'
,
)
);
$json_string
= json_encode(
$arr
);
echo
"getProfile($json_string)"
;
?>
|
代码分析:当index.html调用profile.php,json字符串生成,并作为参数传入getProfile,然后将昵称插入到div中 ,这样一次跨域数据交互就完成了
6.js如何解析服务器端返回的json字符串?
我们在使用ajax做客户端和服务器端交互的时候,在不适用jQuery等框架的前提下,一般的做法是让服务器端返回一段json字符串,然后在客户端将它解析成javascript对象。解析时用到的方法一般是eval或者是new function,而目前ie8和firefox3.1有内置了原生的json对象。
例1:
1
2
|
var
strTest=
'{"a":"b"}'
;
//转换成JS对象
var
obj=eval(
"("
+strTest+
")"
) ;
|
例2:
1
2
3
|
function
strtojson(strTest){
JSON.parse(str);
}
|
7.案例五:对象的json化
1
2
3
4
5
6
7
8
9
10
|
//1.对象
class
JsonTest{
var
$id
= 1;
var
$name
=
'heiyeluren'
;
$gender
=
'男'
;
}
$obj
=
new
JsonTest;
echo
json_encode(
$obj
).
"
;
?>
|
浏览器输出结果:
1
2
3
4
5
|
{
"id"
:1,
"name"
:
"heiyeluren"
,
"gender"
:
"\u7537"
}
|
结论:对象的json字符串是按照javascript对象来构造的。无法识别中文,所有的中文字符串没有被正确显示出来
分析:上述案例很简单的将一个数组json化了,需要指出的是在非utf-8编码下,中文字符将不可被encode,结果会出来空值,所以如果你使用gb2312编码编写php代码,那么就需要将包含中文的内容使用iconv或mb系列函数转化为utf-8后在json_encode
提示:输出的数据本身就是json格式的js对象,因为没有带引号,所以在前台页面可以直接将其当做json对象使用
8.案例六:索引数组的json化
1
2
3
4
|
$arr1
=
array
(1,
'heiyeluren'
,
'男'
);
echo
json_encode(
$arr1
).
"
;
?>
|
浏览器输出结果:
1
2
3
4
5
|
[
1,
"heiyeluren"
,
"\u7537"
]
|
结论:纯数字索引数组的json字符串是按照javascript能够识别的数组来存储的,而不是按照javascript能够识别的对象来存储的。无法识别中文,所有的中文字符串没有被正确显示出来
分析:上述案例很简单的将一个数组json化了,需要指出的是在非utf-8编码下,中文字符将不可被encode,结果会出来空值,所以如果你使用gb2312编码编写php代码,那么就需要将包含中文的内容使用iconv或mb系列函数转化为utf-8后在json_encode
9.案例七:关联数组的json化
1
2
3
4
|
$arr2
=
array
(
"id"
=>1,
"name"
=>
'heiyeluren'
,
"gender"
=>
'男'
);
echo
json_encode(
$arr2
).
"
;
?>
|
浏览器输出结果:
1
2
3
4
5
|
{
"id"
:1,
"name"
:
"heiyeluren"
,
"gender"
:
"\u7537"
}
|
结论:关联索引数组的json字符串是按照javascript对象的形式来构造的。无法识别中文,所有的中文字符串没有被正确显示出来
分析:上述案例很简单的将一个数组json化了,需要指出的是在非utf-8编码下,中文字符将不可被encode,结果会出来空值,所以如果你使用gb2312编码编写php代码,那么就需要将包含中文的内容使用iconv或mb系列函数转化为utf-8后在json_encode
提示:输出的数据本身就是json格式的js对象,因为没有带引号,所以在前台页面可以直接将其当做json对象使用
10.案例八:对多维索引数组的进行json化
1
2
3
|
$arr3
=
array
(
array
(1,
'heiyeluren'
,
'男'
),
array
(1,
'heiyeluren'
,
'男'
));
echo
json_encode(
$arr3
).
"
;?>
|
浏览器输出结果:
1
2
3
4
|
[
[1,
"heiyeluren"
,
"\u7537"
],
[1,
"heiyeluren"
,
"\u7537"
]
]
|
结论:多维数字索引数组的json字符串是按照javascript能够识别的数组来存储的。无法识别中文,所有的中文字符串没有被正确显示出来
分析:上述案例很简单的将一个数组json化了,需要指出的是在非utf-8编码下,中文字符将不可被encode,结果会出来空值,所以如果你使用gb2312编码编写php代码,那么就需要将包含中文的内容使用iconv或mb系列函数转化为utf-8后在json_encode
提示:输出的数据可以直接将其当做javascript数组使用
11.案例九:对多维关联数组的进行json化
1
2
3
4
5
6
7
|
$arr4
=
array
(
array
(
"id"
=>1,
"name"
=>
'heiyeluren'
,
"gender"
=>
'男'
),
array
(
"id"
=>1,
"name"
=>
'heiyeluren'
,
"gender"
=>
'男'
)
);
echo
json_encode(
$arr4
).
"
;
?>
|
浏览器输出结果:
1
2
3
4
|
[
{
"id"
:1,
"name"
:
"heiyeluren"
,
"gender"
:
"\u7537"
},
{
"id"
:1,
"name"
:
"heiyeluren"
,
"gender"
:
"\u7537"
}
]
|
结论:多维关联索引数组是按照外围是JavaScript数组,中间的索引数组是对象。无法识别中文,所有的中文字符串没有被正确显示出来
分析:上述案例很简单的将一个数组json化了,需要指出的是在非utf-8编码下,中文字符将不可被encode,结果会出来空值,所以如果你使用gb2312编码编写php代码,那么就需要将包含中文的内容使用iconv或mb系列函数转化为utf-8后在json_encode
提示:输出的数据可以直接将其当做javascript数组使用
12.案例十:json格式的javascript对象的创建
json的格式与语法:
1
2
3
4
5
6
7
|
var
jsonobject=
{
//对象内的属性语法(属性名与属性值是成对出现的)
propertyname:value,
//对象内的函数语法(函数名与函数内容是成对出现的)
functionname:
function
(){...;}
};
|
注意:
①jsonobject -- JSON对象名称
②propertyname -- 属性名称
③functionname -- 函数名称
④一对大括号,括起多个"名称/值"的集合
⑤属性名或函数名可以是任意字符串,甚至是空字符串
⑥逗号用于隔开每对"名称/值"对
提示:
①在javascript中,数组的访问是通过索引来访问的; 对象属性的访问是通过 对象名.属性名 来访问的
②经过json_encode()化而的数据都是js能够识别的格式,而经过json_decode()化的数据都是php能够识别的格式,这一点大家心里要清楚
③经过json_encode()化而输出的数据都是json格式的javascript对象,在前台可直接将其当做js对象使用