- 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跨域调用。