php和js如何通过json互相传递数据相关问题探讨

当我们在结合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')));?>')">访问json</a>


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

复制代码 代码如下:


function show(str){
var jobj=eval_r(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')));?>')">访问json</a>
function show(str){
var jobj=eval_r(decodeURI(str));
alert(jobj.a);
}


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

复制代码 代码如下:


function show(str){
var jobj=eval_r('('+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'))));?>')">访问json</a>
function show(str){
var jobj=eval_r(decodeURI(str));
alert(jobj[0][0]);
}


大家运行,会发现,这跟一维数组差不多,这是不带键名的例子,因此在show函数中,去掉字符串两端的括号也是可以的。
下面,我们对二维数组进行一下变化,在第二维中加入键名,请看示例代码:

复制代码 代码如下:


<a href="javascript:show('<?php echo urlencode(json_encode(array(array("a"=>'1',"b"=>'2','3'))));?>')">访问json</a>
function show(str){
var jobj=eval_r('('+decodeURI(str)+')');
alert(jobj[0].a);
}


大家运行代码后,发现,这里我们访问json数据的方式有点不一样。上面我们用的是
alert(jobj[0][0]);
而这里我们用的是
alert(jobj[0].a);不要问我为什么,就是这样。这就是json的访问方式。
上面的例子,我们对二维数组的第二维添加了键名,下面我们对第一维添加键名,看看访问方式又有什么不同:

复制代码 代码如下:

内容版权声明:除非注明,否则皆为本站原创文章。

转载注明出处:http://www.heiqu.com/36a31b3dd7f8eeb580341f4610aea371.html