php和js如何通过json互相传递数据相关问题探讨
编程学习 2021-07-05 09:49www.dzhlxh.cn编程入门
json是js的一种数据格式，可以直接被js解析,php无法直接读取json数据，但是php提供了json_decode函数来对json数据进行转化，从而可以被php脚本访问,今天，站长就和大家一起来探讨这个问题，感兴趣的你可以参考下哦
当我们在结合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>
我们可以用狼蚁网站SEO优化的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')));?>')" id="aj">访问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数据，是可以的。试试狼蚁网站SEO优化的代码吧：
var jobj={"a":"1","b":"2","c":"3"};
alert(jobj.b);
2、二维数组
二维数组在PHP用的应用非常广泛，因此了解二维数组转化后的json格式非常重要。有了上面的例子做铺垫，狼蚁网站SEO优化站长就直接给出示例代码：
<a href="javascript:show('<?php echo urlencode(json_encode(array(array('1','2','3'))));?>')" id="aj">访问json</a>
function show(str){
var jobj=eval_r(decodeURI(str));
alert(jobj[0][0]);
}
大家运行，会发现，这跟一维数组差不多，这是不带键名的例子，因此在show函数中，去掉字符串两端的括号也是可以的。
狼蚁网站SEO优化，我们对二维数组进行一下变化，在第二维中加入键名,请看示例代码：
<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_r('('+decodeURI(str)+')');
alert(jobj[0].a);
}
大家运行代码后，发现，这里我们访问json数据的方式有点不一样。上面我们用的是
alert(jobj[0][0]);
而这里我们用的是
alert(jobj[0].a);不要问我为什么，就是这样。这就是json的访问方式。
上面的例子，我们对二维数组的第二维添加了键名，狼蚁网站SEO优化我们对第一维添加键名，看看访问方式又有什么不同：
<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_r('('+decodeURI(str)+')');
alert(jobj.k[1]);
}
这里我们使用的是
jobj.k[1]这样的方式，大家一定已经发现了，只要数组中含有键名，当数组被转化为json格式后，就要使用
json对象.键名
这样的方式来访问该键下的元素，上面的例子中，k键下的数组元素是数字索引，所以在json中使用k[1]这样的方式来访问。
狼蚁网站SEO优化，我们对数组的第一维和第二维都添加键名：
<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字符串时，需要注意的事项。狼蚁网站SEO优化我们再来讨论，用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。
我们通过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>
我们可以用狼蚁网站SEO优化的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')));?>')" id="aj">访问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数据，是可以的。试试狼蚁网站SEO优化的代码吧：
代码如下:
var jobj={"a":"1","b":"2","c":"3"};
alert(jobj.b);
2、二维数组
二维数组在PHP用的应用非常广泛，因此了解二维数组转化后的json格式非常重要。有了上面的例子做铺垫，狼蚁网站SEO优化站长就直接给出示例代码：
代码如下:
<a href="javascript:show('<?php echo urlencode(json_encode(array(array('1','2','3'))));?>')" id="aj">访问json</a>
function show(str){
var jobj=eval_r(decodeURI(str));
alert(jobj[0][0]);
}
大家运行，会发现，这跟一维数组差不多，这是不带键名的例子，因此在show函数中，去掉字符串两端的括号也是可以的。
狼蚁网站SEO优化，我们对二维数组进行一下变化，在第二维中加入键名,请看示例代码：
代码如下:
<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_r('('+decodeURI(str)+')');
alert(jobj[0].a);
}
大家运行代码后，发现，这里我们访问json数据的方式有点不一样。上面我们用的是
alert(jobj[0][0]);
而这里我们用的是
alert(jobj[0].a);不要问我为什么，就是这样。这就是json的访问方式。
上面的例子，我们对二维数组的第二维添加了键名，狼蚁网站SEO优化我们对第一维添加键名，看看访问方式又有什么不同：
代码如下:
<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_r('('+decodeURI(str)+')');
alert(jobj.k[1]);
}
这里我们使用的是
jobj.k[1]这样的方式，大家一定已经发现了，只要数组中含有键名，当数组被转化为json格式后，就要使用
json对象.键名
这样的方式来访问该键下的元素，上面的例子中，k键下的数组元素是数字索引，所以在json中使用k[1]这样的方式来访问。
狼蚁网站SEO优化，我们对数组的第一维和第二维都添加键名：
代码如下:
<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字符串时，需要注意的事项。狼蚁网站SEO优化我们再来讨论，用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。