json 格式与PHP json 格式

以前转过一篇关于json 格式 的文章。今天再重新整理个json格式的例子，以及php json格式与js json之间的调用。

我们先来看个js函数，

view plain copy to clipboard print ?

1. function jsontest() 2. { 3. var json = [{ 'username' : '张三' , 'userage' : '20' },{ 'username' : '李四' , 'userage' : '30' }]; 4. alert(json[1].username); 5. 6. var json2 = [[ '张三' , '20' ],[ '李四' , '30' ]]; 7. alert(json2[0][0]); 8. }

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格式。

先来看一段代码

view plain copy to clipboard print ?

1. 1. $arr = array ( 2. array ( 3. 'catid' => '4' , 4. 'catname' => '招聘信息' , 5. 'meta_title' => '招聘信息标题' 6. ), 7. 8. array ( 9. 'catid' => '55' , 10. 'catname' => 'php教程' , 11. 'meta_title' => 'php教程标题' , 12. ) 13. ); 14. $jsonstr = json_encode( $arr ); 15. 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 格式 。

这段代码会输出

view plain copy to clipboard print ?

1. [{ "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 文件

代码如下：

view plain copy to clipboard print ?

1. 1. <?php 2. $arr = array ( 3. array ( 4. 'catid' => '4' , 5. 'catname' => '招聘信息' , 6. 'meta_title' => '招聘信息标题' 7. ), 8. 9. array ( 10. 'catid' => '55' , 11. 'catname' => 'php教程' , 12. 'meta_title' => 'php教程标题' , 13. ) 14. ); 15. $jsonstr = json_encode( $arr ); 16. ?> 17. 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 文件
代码如下：

view plain copy to clipboard print ?

1. 1. <mce:script type= "text/javascript" src= "php_json.php" ></mce:script> 2. <mce:script language="javascript" type= "text/javascript" ><!-- 3. function loadjson(_json) 4. { 5. if (_json) 6. { 7. for ( var i=0;i<_json.length;i++) 8. { 9. alert(_json[i].catname); 10. } 11. } 12. } 13. 14. loadjson(jsonstr) 15. // --></mce: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跨域调用。

点击这里查看示例