php和js如何通过json互相传递数据

978次阅读
没有评论

      当我们在结合 php 和 javascript 实现某些功能时,经常会用到 json。json 是 js 的一种数据格式,可以直接被 js 解析。而 php 无法直接读取 json 数据,但是 php 提供了 json_decode 函数来对 json 数据进行转化,从而可以被 php 脚本访问。同时,php 也提供了 json_encode 函数来将数据转化成 json 格式。那么,js 中的原生 json 与 php 中通过 json_encode 函数转化后的 json 是否完全一样呢?今天,一起来探讨这个问题。

我们通过 php 向 javascript 传递数组数据时,通常要将其转化为 json 格式,使用 javascript 来获取,那么我们就以数组为例,先来看一下两者之间的区别。

1、一维数组

考虑 php 数组 $array=array(“1″,”2″,”3”);  使用 json_encode 函数转化后,对应的 json 字符串为[“1″,”2″,”3”]。

细心的朋友很快就发现, 转化后得到的 json 字符串,就是 javascript 中的数组形式,那么是否可以用 js 的数组访问方式来访问呢?

当然是可以的,但是你将这个 json 字符串传递给给 js 时,需要使用 urlencode 函数对其编码,如:

<a href=”javascript:show(‘<?php echo urlencode(json_encode(array(‘1′,’2′,’3′)));?>’)” id=”aj”> 访问 json</a>

我们可以用下面的 js 代码来验证:

function show(str){
var jobj=eval(decodeURI(str));
alert(jobj[2]);
}

大家自己试一试就会发现,是的,可以用 js 中访问一维数组的方式来访问它。eval 方法将 json 字符串解释为 json 对象,因为传递过来的是字符串,不转化的话,你得到将是字符串中第三个字符的值。

我们再来对这个一维数组做一下变化,我们发现上面的一维数组没有指定索引,所以它默认为数字索引,现在我们来给它加上键名:

考虑 php 数组 $array=array(‘a’=>’1′,’b’=>’2′,’c’=>’3’); 使用 json_encode 函数转化后,对应的 json 字符串为{“a”:”1″,”b”:”2″,”c”:”3″}。

我们很快就发现了其中的不同,最明显的就是字符串两端的 [] 变成了{}, 那么这个字符串是否也可以按上面那样处理后被 js 访问呢?我们不防试一试:

<a href=”javascript:show(‘<?php echo urlencode(json_encode(array(‘a’=>’1′,’b’=>’2′,’c’=>’3′)));?>’)” id=”aj”> 访问 json</a>

function show(str){
var jobj=eval(decodeURI(str));
alert(jobj.a);
}

大家如果动手试了就知道,点击链接后,没有出现弹窗。为什么呢?是 PHP 生成的 json 字符串格式不对吗?不是的,这是我们在使用 eval 函数解释的时候,出错了。把上面的函数代码换成:

function show(str){
var jobj=eval(‘(‘+decodeURI(str)+’)’);
alert(jobj.a);
}

再试试吧!怎么样,可以访问了吧。这告诉我们,在使用 eval 方法处理带有键名的 json 字符串时,需要在字符串两端加速括号。至于为什么,站长也不知道,站在巨人的肩膀上而已。

这里要注意,尽管 PHP 生成的 json 字符串 {“a”:”1″,”b”:”2″,”c”:”3″} 被传递给 js 后无法被直接解释为 json 格式,但是如果你在 js 中使用该字符串直接创建 json 数据,是可以的。试试下面的代码吧:

var jobj={“a”:”1″,”b”:”2″,”c”:”3″};
alert(jobj.b);

 

2、二维数组

二维数组在 PHP 用的应用非常广泛,因此了解二维数组转化后的 json 格式非常重要。有了上面的例子做铺垫,下面站长就直接给出示例代码:

<a href=”javascript:show(‘<?php echo urlencode(json_encode(array(array(‘1′,’2′,’3′))));?>’)” id=”aj”> 访问 json</a>

function show(str){
var jobj=eval(decodeURI(str));
alert(jobj[0][0]);
}

大家运行,会发现,这跟一维数组差不多,这是不带键名的例子,因此在 show 函数中,去掉字符串两端的括号也是可以的。

下面,我们对二维数组进行一下变化,在第二维中加入键名, 请看示例代码:

<a href=”javascript:show(‘<?php echo urlencode(json_encode(array(array(“a”=>’1′,”b”=>’2′,’3′))));?>’)” id=”aj”> 访问 json</a>

function show(str){
var jobj=eval(‘(‘+decodeURI(str)+’)’);
alert(jobj[0].a);
}

大家运行代码后,发现,这里我们访问 json 数据的方式有点不一样。上面我们用的是 alert(jobj[0][0]); 而这里我们用的是 alert(jobj[0].a); 不要问我为什么,就是这样。这就是 json 的访问方式。

上面的例子,我们对二维数组的第二维添加了键名,下面我们对第一维添加键名,看看访问方式又有什么不同:

<a href=”javascript:show(‘<?php echo urlencode(json_encode(array(‘k’=>array(‘1′,’2′,’3′))));?>’)” id=”aj”> 访问 json</a>

function show(str){
var jobj=eval(‘(‘+decodeURI(str)+’)’);
alert(jobj.k[1]);
}

这里我们使用的是 jobj.k[1]这样的方式,大家一定已经发现了,只要数组中含有键名,当数组被转化为 json 格式后,就要使用 json 对象. 键名这样的方式来访问该键下的元素,上面的例子中,k 键下的数组元素是数字索引,所以在 json 中使用 k[1]这样的方式来访问。

下面,我们对数组的第一维和第二维都添加键名:

<a href=”javascript:show(‘<?php echo urlencode(json_encode(array(‘k’=>array(“a”=>’1′,’2′,’3′))));?>’)” id=”aj”> 访问 json</a>

function show(str){
var jobj=eval_r(‘(‘+decodeURI(str)+’)’);
alert(jobj.k.a);
}

正如上面所提到的,只要含有键名,就必须以 json 对象. 键名的方式来访问,如果有多个键就要用 json 对象. 键名. 键名 …,不要问我为什么,这就是 json 的访问方式,只有 javascript 的发明者能向你解释,他为什么要这样规定。

 

结论:

1、将 php 中的数组转化为 json 字符串传递给 js 时。如果数组没有指定键名,那么可以直接使用 js 的 eval 方法将其转化为 json 格式供 js 处理;如果数组中含有键名,那么在使用 eval 方法处理时,需要使用 () 将 json 字符串括起来。

2、如果数组中含有键名,转化为 json 字符串后,在 js 中要用 json 对象. 键名. 键名 … 的方式来访问,如果是数字索引则用 json 对象 [1] 或者 json 对象. 键名 [1] 这样的方式。

 

上面,我们主要讨论了,在 PHP 向 js 传递 json 字符串时,需要注意的事项。下面我们再来讨论,用 js 向 php 传递 json 字符串时需要如何处理。

聪明的你肯定已经知道了,只要将 json 数据用引号引起来作为字符串传递给 PHP【通常用 ajax 进行】就可以用 json_decode 函数解码了。没错!就是这样!但是在构造 json 字符串的时候一定要仔细,如果你不经常构造 json 字符串,那么不妨用 echo json_encode(array(‘k’=>array(“a”=>’1′,’2′,’3’)))这样的方式,查看你需要构造的目标字符串的 json 格式。这样你就可以在 js 中根据你想要的结果来构造了!

好了,今天对 php 和 js 之间如何使用 json 数据进行通信就讨论到这里,大家可以自己再试试将 php 的对象类型进行 json 编码后如何传递给 js。

正文完
 0
飞翔的mouse
版权声明:本站原创文章,由 飞翔的mouse 于2020-02-01发表,共计3484字。
转载说明:除特殊说明外本站文章皆由CC-4.0协议发布,转载请注明出处。