频道导航

PHP json格式和js json格式 js跨域调用实现代码

2018-12-30 PHP 前端之家

前端之家收集整理的这篇文章主要介绍了PHP json格式和js json格式 js跨域调用实现代码，前端之家小编觉得挺不错的，现在分享给大家，也给大家做个参考。

先看一个js函数
<div class="codetitle"><a style="CURSOR: pointer" data="53326" class="copybut" id="copybut53326" onclick="doCopy('code53326')"> 代码如下:

<div class="codebody" id="code53326">
function jsontest()
{
var json = [{'username':'crystal','userage':'20'},{'username':'candy','userage':'24'}];
alert(json[1].username); var json2 = [['crystal','20'],['candy','24']];
alert(json2[0][0]);
}

这个函数，第一个alert(json[1].username); 会提示 “candy”。 json 变量是一个数组对象。所以要采用 obj.username 这样的格式来调用。
第二个 alert(json2[0][0]); 会提示 “crystal”。 json2变量是完全的一个json格式。 json和json2变量都达到了相同的效果，但json2明显要比json精简了很多。
这是 JavaScript 的json 格式。
下面我们来看看PHP中的json格式。
还是先看一段代码
<div class="codetitle"><a style="CURSOR: pointer" data="45040" class="copybut" id="copybut45040" onclick="doCopy('code45040')"> 代码如下:

<div class="codebody" id="code45040">
$arr = array (
array (
'catid' => '4',
'catname' => '程程',
'Meta_title' => '程程博客'
),array (
'catid' => '6',
'catname' => 'climber',
'Meta_title' => '攀登者',
)
);
$jsonstr = json_encode($arr);
echo $jsonstr;

这段代码中，$arr是一个数组，我们采用 json_encode 将$arr 转换为了 json 格式。
这段代码会输出： [{"catid":"4","catname":"\u7a0b\u7a0b","Meta_title":"\u7a0b\u7a0b\u535a\u5ba2"},{"catid":"6","catname":"climber","Meta_title":"\u6500\u767b\u8005"}]
这就是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 文件代码如下：
<div class="codetitle"><a style="CURSOR: pointer" data="23013" class="copybut" id="copybut23013" onclick="doCopy('code23013')"> 代码如下:

<div class="codebody" id="code23013">
$arr = array (
array (
'catid' => '4',
)
);
$jsonstr = json_encode($arr);
-----下面写在PHP区间之外-----
var jsonstr=< ? = $jsonstr ? >;

PS:在PHP_json.PHP 文件末尾 var jsonstr=< ? = $jsonstr ? >; 这一句。这是将json格式的数据赋值给 jsonstr 变量。
我们再建立一个 json.html 文件代码如下：
<div class="codetitle"><a style="CURSOR: pointer" data="62534" class="copybut" id="copybut62534" onclick="doCopy('code62534')"> 代码如下:

<div class="codebody" id="code62534">
<SCRIPT type=text/javascript src="PHP_json.PHP">

这样，我们在查看 json.html的时候，loadjson(jsonstr) 就会提示 “程程”和“climber”
这样也实现了js跨域调用。

json PHP