2bwHTML5中文学习网 - HTML5先行者学习网
整理一个json格式的例子,以及php json格式与js json之间的调用(传说中的js跨域调用)。2bwHTML5中文学习网 - HTML5先行者学习网
先看一个js函数2bwHTML5中文学习网 - HTML5先行者学习网
3 | var json = [{'username':'crystal','userage':'20'},{'username':'candy','userage':'24'}]; |
4 | alert(json[1].username); |
6 | var json2 = [['crystal','20'],['candy','24']]; |
这个函数,第一个alert(json[1].username); 会提示 “candy”。 json 变量是一个数组对象。所以要采用 obj.username 这样的格式来调用。2bwHTML5中文学习网 - HTML5先行者学习网
第二个 alert(json2[0][0]); 会提示 “crystal”。 json2变量是完全的一个json格式。 json和json2变量都达到了相同的效果,但json2明显要比json精简了很多。2bwHTML5中文学习网 - HTML5先行者学习网
这是 JavaScript 的json 格式。2bwHTML5中文学习网 - HTML5先行者学习网
下面我们来看看php中的json格式。2bwHTML5中文学习网 - HTML5先行者学习网
还是先看一段代码2bwHTML5中文学习网 - HTML5先行者学习网
05 | 'meta_title' => '程程博客' |
10 | 'catname' => 'climber', |
11 | 'meta_title' => '攀登者', |
14 | $jsonstr = json_encode($arr); |
这段代码中,$arr是一个数组,我们采用 json_encode 将$arr 转换为了 json 格式 。2bwHTML5中文学习网 - HTML5先行者学习网
这段代码会输出:2bwHTML5中文学习网 - HTML5先行者学习网
[{"catid":"4","catname":"/u7a0b/u7a0b","meta_title":"/u7a0b/u7a0b/u535a/u5ba2"},{"catid":"6","catname":"climber","meta_title":"/u6500/u767b/u8005"}]2bwHTML5中文学习网 - HTML5先行者学习网
这就是php对于json数据的处理。2bwHTML5中文学习网 - HTML5先行者学习网
对于json数据,php 也可以采用 json_decode()函数将json数据转换成 数组 。2bwHTML5中文学习网 - HTML5先行者学习网
比如 上述代码中,我们采用json_decode函数处理下。又会打印出 上面的数组。2bwHTML5中文学习网 - HTML5先行者学习网
$jsonstr = json_encode($arr);
$jsonstr = json_decode($jsonstr);
print_r($jsonstr);2bwHTML5中文学习网 - HTML5先行者学习网
接下来,我们看看,php json数据和 js json数据如何相互调用。2bwHTML5中文学习网 - HTML5先行者学习网
我们新建一个 php_json.php 文件2bwHTML5中文学习网 - HTML5先行者学习网
代码如下:2bwHTML5中文学习网 - HTML5先行者学习网
05 | 'meta_title' => '程程博客' |
10 | 'catname' => 'climber', |
11 | 'meta_title' => '攀登者', |
14 | $jsonstr = json_encode($arr); |
16 | var jsonstr=< ? = $jsonstr ? >; |
PS:在php_json.php文件末尾 var jsonstr=< ? = $jsonstr ? >; 这一句。 这是将json格式的数据赋值给 jsonstr 变量。2bwHTML5中文学习网 - HTML5先行者学习网
我们再建立一个 json.html 文件
代码如下:2bwHTML5中文学习网 - HTML5先行者学习网
01 | <script type="text/javascript" src="php_json.php"></script><scripttype="text/javascript" language="javascript"> |
02 | function loadjson(_json) |
06 | for(var i=0;i<_json.length;i++) |
08 | alert(_json[i].catname); |
这样,我们在查看 json.html的时候,loadjson(jsonstr) 就会 提示 “程程”和“climber”2bwHTML5中文学习网 - HTML5先行者学习网
这样也实现了js跨域调用。2bwHTML5中文学习网 - HTML5先行者学习网
2bwHTML5中文学习网 - HTML5先行者学习网2bwHTML5中文学习网 - HTML5先行者学习网