以前转过一篇关于json格式的文章。今天再重新整理个json格式的例子,以及php json格式与js json之间的调用。
我们先来看个js函数,
- function jsontest()
- {
- var json = [{'username':'张三','userage':'20'},{'username':'李四','userage':'30'}];
- alert(json[1].username);
- var json2 = [['张三','20'],['李四','30']];
- alert(json2[0][0]);
- }
function jsontest() { var json = [{'username':'张三','userage':'20'},{'username':'李四','userage':'30'}]; alert(json[1].username); var json2 = [['张三','20'],['李四','30']]; alert(json2[0][0]); }
这个函数,第一个alert(json[1].username); 会提示 “李四”。 json 变量是一个数组对象。所以要采用 obj.username 这样的格式来调用。
第二个 alert(json2[0][0]); 会提示 “张三”。 json2变量是完全的一个json格式。 json和json2变量都达到了相同的效果,但json2明显要比json精简了很多。
这是 JavaScript 的json 格式。
下面我们来看看php 与json格式。
先来看一段代码
- $arr = array (
- array (
- 'catid' => '4',
- 'catname' => '招聘信息',
- 'meta_title' => '招聘信息标题'
- ),
- array (
- 'catid' => '55',
- 'catname' => 'php教程',
- 'meta_title' => 'php教程标题',
- )
- );
- $jsonstr = json_encode($arr);
- echo $jsonstr;
$arr = array ( array ( 'catid' => '4', 'catname' => '招聘信息', 'meta_title' => '招聘信息标题' ), array ( 'catid' => '55', 'catname' => 'php教程', 'meta_title' => 'php教程标题', ) ); $jsonstr = json_encode($arr); echo $jsonstr;
这段代码中,$arr是一个数组,我们采用 json_encode 将$arr 转换为了 json 格式 。
这段代码会输出
- [{"catid":"4","catname":"\u62db\u8058\u4fe1\u606f","meta_title":"\u62db\u8058\u4fe1\u606f\u6807\u9898"},{"catid":"55","catname":"php\u6559\u7a0b","meta_title":"php\u6559\u7a0b\u6807\u9898"}]
[{"catid":"4","catname":"\u62db\u8058\u4fe1\u606f","meta_title":"\u62db\u8058\u4fe1\u606f\u6807\u9898"},{"catid":"55","catname":"php\u6559\u7a0b","meta_title":"php\u6559\u7a0b\u6807\u9898"}]
这就是php对于json数据的处理。
对于json数据,php 也可以采用 json_decode()函数将json数据转换成 数组 。
比如 上述代码中,我们采用json_decode函数处理下。又会打印出 上面的数组。
$jsonstr = json_encode($arr);
$jsonstr = json_decode($jsonstr);
print_r($jsonstr);
接下来,我们看看,php json数据和 js json数据如何相互调用。
我们新建一个 php_json.php 文件
代码如下:
- <?php
- $arr = array (
- array (
- 'catid' => '4',
- 'catname' => '招聘信息',
- 'meta_title' => '招聘信息标题'
- ),
- array (
- 'catid' => '55',
- 'catname' => 'php教程',
- 'meta_title' => 'php教程标题',
- )
- );
- $jsonstr = json_encode($arr);
- ?>
- var jsonstr=<?=$jsonstr?>;
<?php $arr = array ( array ( 'catid' => '4', 'catname' => '招聘信息', 'meta_title' => '招聘信息标题' ), array ( 'catid' => '55', 'catname' => 'php教程', 'meta_title' => 'php教程标题', ) ); $jsonstr = json_encode($arr); ?> var jsonstr=<?=$jsonstr?>;
补充下,在php_json.php文件末尾 var jsonstr=<?=$jsonstr?>; 这一句。 这是将json格式的数据赋值给 jsonstr 变量。
我们再建立一个 json.html 文件
代码如下:
- <script type="text/javascript" src="php_json.php"></script>
- <script language="javascript" type="text/javascript">
- function loadjson(_json)
- {
- if(_json)
- {
- for(var i=0;i<_json.length;i++)
- {
- alert(_json[i].catname);
- }
- }
- }
- loadjson(jsonstr)
- </script>
<script type="text/javascript" src="php_json.php"></script> <script language="javascript" type="text/javascript"> function loadjson(_json) { if(_json) { for(var i=0;i<_json.length;i++) { alert(_json[i].catname); } } } loadjson(jsonstr) </script>
这样,我们在查看 json.html的时候,loadjson(jsonstr) 就会 提示 “招聘信息”和“php教程”
这样也实现了js跨域调用。