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


Posted in PHP onFebruary 26, 2013

当我们在结合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_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数据,是可以的。试试下面的代码吧:
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_r(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_r('('+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_r('('+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。
PHP 相关文章推荐
php中iconv函数使用方法
May 24 PHP
php 攻击方法之谈php+mysql注射语句构造
Oct 30 PHP
php中设置多级目录session的问题
Aug 08 PHP
PHP获取当前所在目录位置的方法
Nov 26 PHP
php模仿asp Application对象在线人数统计实现方法
Jan 04 PHP
PHP数组操作类实例
Jul 11 PHP
php实现将Session写入数据库
Jul 26 PHP
10个值得深思的PHP面试题
Nov 14 PHP
浅谈php中变量的数据类型判断函数
Mar 04 PHP
php求数组全排列,元素所有组合的方法总结
Mar 14 PHP
PHP CURL与java http使用方法详解
Jan 26 PHP
浅谈laravel aliases别名的原理
Oct 24 PHP
php数组的概述及分类与声明代码演示
Feb 26 #PHP
浅谈apache和nginx的rewrite的区别
Feb 22 #PHP
php并发对MYSQL造成压力的解决方法
Feb 21 #PHP
php连接mssql数据库的几种方法
Feb 21 #PHP
PHP递归调用的小技巧讲解
Feb 19 #PHP
PHP递归返回值时出现的问题解决办法
Feb 19 #PHP
PHP递归算法的详细示例分析
Feb 19 #PHP
You might like
CI框架无限级分类+递归的实现代码
2016/11/01 PHP
php.ini中date.timezone设置详解
2016/11/20 PHP
PHP rsa加密解密算法原理解析
2020/12/09 PHP
鼠标图片振动代码
2006/07/06 Javascript
JQuery魔力之$(&quot;tagName&quot;)与selector
2012/03/05 Javascript
IE下写xml文件的两种方式(fso/saveAs)
2013/08/05 Javascript
如何设置iframe高度自适应在跨域情况下的可用方法
2013/09/06 Javascript
浅析javascript的return语句
2015/12/15 Javascript
JavaScript Date对象详解
2016/03/01 Javascript
JQueryEasyUI框架下的combobox的取值和绑定的方法
2017/01/22 Javascript
js Canvas绘制圆形时钟教程
2017/02/06 Javascript
在Vue组件化中利用axios处理ajax请求的使用方法
2017/08/25 Javascript
jQuery结合jQuery.cookie.js插件实现换肤功能示例
2017/10/14 jQuery
JS代码实现电脑配置检测功能
2018/03/21 Javascript
vue axios 简单封装以及思考
2018/10/09 Javascript
浅谈KOA2 Restful方式路由初探
2019/03/14 Javascript
原生js实现抽奖小游戏
2019/06/27 Javascript
Python的Flask框架中使用Flask-SQLAlchemy管理数据库的教程
2016/06/14 Python
pygame游戏之旅 按钮上添加文字的方法
2018/11/21 Python
通过python爬虫赚钱的方法
2019/01/29 Python
python3实现字符串操作的实例代码
2019/04/16 Python
pytorch实现focal loss的两种方式小结
2020/01/02 Python
python实现可下载音乐的音乐播放器
2020/02/25 Python
如何解决安装python3.6.1失败
2020/07/01 Python
Python实现手势识别
2020/10/21 Python
纯css3实现的鼠标悬停动画按钮
2014/12/23 HTML / CSS
教师自我评价范例
2013/09/24 职场文书
市场营销管理毕业生自荐信
2014/03/03 职场文书
初二学习计划书范文
2014/04/27 职场文书
英语课前三分钟演讲稿(6篇)
2014/09/13 职场文书
房屋所有权证明
2014/10/20 职场文书
学习雷锋精神活动总结
2015/02/06 职场文书
物流业务员岗位职责
2015/04/03 职场文书
2015年资料员工作总结
2015/04/25 职场文书
2015年机关作风和效能建设工作总结
2015/07/23 职场文书
Python实现双向链表基本操作
2022/05/25 Python