互联网的今天,AJAX已经不是什么陌生的词汇了。说起AJAX,可能会立即想起因RSS而兴起的XML。不可否认,XML是很不错的数据存储方式,但是其灵活恰恰造成了其解析的困难。当然,这里所指的困难,是相对于本文的主角--JSON而言。
JSON为何物?我就不重复概念了。通俗的说,它是一种数据的存储格式,就像PHP序列化后的字符串一样。它是一种数据描述。比如我们将一个数组序列化后存放,就可以很容易的反序列化后应用。JSON也是如此,只不过他搭建的是客户端Javascript和服务端PHP的交互桥梁。我们用PHP生成JSON后的字符串,然后把这个字符串传给前台Javascript,Javascirpt就可以很容易的将其反JSON然后应用。说通俗点,它真的很像数组。
言归正传,如何使用JSON。PHP5.2开始内置了JSON的支持。当然,如果低于这个版本的话,那么市面上有很多PHP版本的实现,随便下一个用就OK啦。现在主要是说说PHP内置支持的JSON。很简单,两个函数:json_encode和json_decode(跟序列化很像啦)。一个编码,一个解码。先看看编码的使用:
1
2
3
4
5
6
7
8
9
10
11
12
|
<?php $arr = array ( 'name' => '陈毅鑫' , 'nick' => '深空' , 'contact' => array ( 'email' => 'shenkong at qq dot com' , ) ); $json_string = json_encode( $arr ); echo $json_string ; ?> |
很简单的将一个数组JSON了。需要指出的是,在非UTF-8编码下,中文字符将不可被encode,结果会出来空值,所以,如果你使用gb2312编写PHP代码,那么就需要将包含中文的内容使用iconv或者mb转为UTF-8再进行json_encode,上面输出结果如下:
1
2
|
{ "name" : "\u9648\u6bc5\u946b" , "nick" : "\u6df1\u7a7a" , "contact" :{ "email" : "shenkong at qq dot com" , "website" : "http:\/\/www.chinaz.com" }} |
我都说了和序列化很像,你还不信。编码后就要解码,PHP提供了相应的函数json_decode,json_decode执行后,将会得到一个对象,操作如下:
1
2
3
4
5
6
7
8
9
10
11
12
13
|
<?php $arr = array ( 'name' => '陈毅鑫' , 'nick' => '深空' , 'contact' => array ( 'email' => 'shenkong at qq dot com' , ) ); $json_string = json_encode( $arr ); $obj = json_decode( $json_string ); print_r( $obj ); ?> |
访问对象内的属性会吧?$obj->name,这样子的,当然,也可以把它转位数组,方便调用啦:
1
2
3
4
|
$json_string = json_encode( $arr ); $obj = json_decode( $json_string ); $arr = array ( $obj ); print_r( $arr ); |
PHP转来转去的用途不是特别大,除了缓存生成,感觉还不如直接存数组呢,不过,当你和前台交互的时候,它的作用就出来咯,下面看看我怎么用Javascript来使用这段字符:
1
2
3
4
5
|
<script type= "text/javascript" > var arr = { "name" : "\u9648\u6bc5\u946b" , "nick" : "\u6df1\u7a7a" , "contact" :{ "email" : "shenkong at qq dot com" , "website" : "http:\/\/www.zzvips.com" }}; alert(arr.name) </script> |
上面中,直接将这个字符串赋给一个变量,它就变成一个Javascript数组了(专业化术语应该不叫数组,不过由于PHP的习惯问题,我就一直叫数组好了,方便理解)。这样,可以很方便的对arr进行遍历或者任意做你想做的事情了。写到这里,好像都没提到AJAX哦?是哦,联想一下,如果服务端返回的responseText用JSON过的字符串代替XML的话,前台Javascript处理起来是不是很方便呢?狗皮膏药就是这样用的。
其实写到这里,除了数据的存储格式不太一样外,JSON和XML也没什么太大区别哦,不过下面我说的一点。虽然和XML没多大关系,不过,可以说明JSON更大范围的应用,那就是,跨域的数据调用。由于安全性问题,AJAX不支持跨域调用,这样要调用不同域名下的数据,很麻烦哦,虽然有解决方案(stone在他的讲座上提到过了代理啊什么的虽然听不懂但是知道能解决)。我写两个文件,足以展示跨域调用了。
主调文件index.html
1
2
3
4
5
6
7
8
|
< script type = "text/javascript" > function getProfile(str) { var arr = str; document.getElementById('nick').innerHTML = arr.nick; } </ script > < body >< div id = "nick" ></ div ></ body > < script type = "text/javascript" src = "http://www.openphp.cn/demo/profile.php" ></ script > |
被调文件profile.php
1
2
3
4
5
6
7
8
9
10
11
12
|
<?php $arr = array ( 'name' => '陈毅鑫' , 'nick' => '深空' , 'contact' => array ( 'email' => 'shenkong at qq dot com' , 'website' => 'http://www.zzvips.com' , ) ); $json_string = json_encode( $arr ); echo "getProfile($json_string)" ; ?> |
很显然,当index.html调用profile.php时,JSON字符串生成,并作为参数传入getProfile,然后将昵称插入到div中,这样一次跨域数据交互就完成了,是不是特别简单。
既然JSON这么简单易用而且好用,还等什么呢?希望这篇文章对大家的学习有所帮助。