JSON用法之将PHP数组转JS数组,JS如何接收PHP数组


Posted in PHP onOctober 08, 2015

首先下载下面这个文件(这是一段是别人写出来专门解析json的代码),然后引入这个文件!

    http://pan.baidu.com/s/1dD8qVr7

    现在当我们需要用ajax与后台进行交互时,怎样将php的数组传送到js文件并且并js所识别?

JSON用法之将PHP数组转JS数组,JS如何接收PHP数组

    先看php文件,当我们获取到$arr这个数组后

foreach ($arr as $value) {
  $json .= json_encode($value) . ',';
} 
echo '[' . substr($json,0,strlen($json) - 1) . ']';

json_encode()是将$arr的每一个值进行json编码,然后我们想输出一个json的数组,所以我们将每个编译后的值后面加一个逗号并且最后在所有值外面加上'[]',这是json数组的格式,注意因为我们在将每一个值进行json编码后都加上一个逗号在后面,这样就导致最后所有值合并数组时多一个逗号,所有我们得用substr()函数将其最后一个逗号去掉!

    然后我们来看js文件

当我们用arr接受到php文件传输的json数组后

var json = JSON.parse(arr);

JSON是咱们开始下载那个文件中定义的一个对象,我们用它的parse方法将json数组转化成js的数组!这是变量json接受到的是一个js数组所以直接不能打印出来,你可以遍历这个json数组或者json[0]来输出!

其实,说白了咱们将php数组转化成js数组的思路就是利用json这个中间量来实现!当然你也可以只用php和js来实现数组的转化,方法不止一种!

PHP数组和Json之间的转换

之所以要用到Json,很多时候是因为使用ajax对象时,程序与JS函数之间的数据交互。因为JS不认识PHP中的数组,PHP也不认识JS中的数组或对象。Json很好的解决了这个问题。

Json简介

JSON(JavaScript Object Notation) 是一种轻量级的数据交换格式。它基于JavaScript的一个子集,这意味着JavaScript可以直接读取Json,非常方便。

Json的具体形式是:

1.对象

对象是一个无序的“‘名称/值'对”集合。一个对象以“{”(左括号)开始,“}”(右括号)结束。每个“名称”后跟一个“:”(冒号);“‘名称/值' 对”之间使用“,”(逗号)分隔。

例如: {“username”: “Eric”,”age”:23,”sex”: “man”}

代码示例:

<script type="text/javascript">  function getUser()
{
  var  user = {
  "username": "Eric",
  "age":23,
  "family": {"mother":"Marry","father":"Alon","brother":"Tom"}
  };  alert( user.username );  alert( user.age );  alert(user.family.brother);
}  getUser();  </script>

2、数组

数组是值(value)的有序集合。一个数组以“[”(左中括号)开始,“]”(右中括号)结束。值之间使用“,”(逗号)分隔。

例如: ["Eric",23, "man"]

代码示例:

<script type="text/javascript">  function getArray() 
{  
var arr = ["Jarry",23, ["www.xiaophper.com","wxyh_999@126.com"]];  
alert(arr[0]);  alert(arr[1]);  alert(arr[2][0]); 
alert(arr[2][1]);  
}  
getArray();  
</script>

注意:对象和数组两种形式在JS中的调用时不一样啊,对象用“.”调用,数组用下标[0]、[1]调用。还要注意在传递Json串时string类型的值要用引号括起来。

PHP中将数组转变成Json

强大的PHP已经提供了内置函数:json_encode() 和 json_decode()。很容易理解,json_encode()就是将PHP数组转换成Json。相反,json_decode()就是将Json转换成PHP数组。

例如:

$array = array("name" => "Eric","age" => 23); 
echo json_encode($array);

程序将打印出 :

{“name”:”Eric”,”age”:23}

再看下面的例子:

$array = array(0 => "Eric", 1 => 23); 
echo json_encode($array);

程序将打印出 :["Eric",23]

以上两个例子可以看出,如果PHP数组的键都是数字,那么json_encode()返回一个数组形式的Json,如果PHP数组的键全是字符串。那么json_encode()就会返回一个对象形式的Json。刚已经说过。两者在js中的调用是不同的。

事实上,只要在PHP数组的键中有一个字符串形式的键,那么json_encode()就会返回对象形式的Json。这是不正确的。因为,虽然在PHP代码中不会出现错误,但要是将这样的Json传给JS函数,JS会将此Json当做一个对象,而对象是不可能以数字作为属性名的。也就是说JS 不知道这是什么 : user.0.username  (中间是数字零)

PHP 相关文章推荐
一些 PHP 管理系统程序中的后门
Aug 05 PHP
PHP 数组基础知识小结
Aug 20 PHP
PHP校验ISBN码的函数代码
Jan 17 PHP
PHP屏蔽蜘蛛访问代码及常用搜索引擎的HTTP_USER_AGENT
Mar 06 PHP
php 目录遍历、删除 函数的使用介绍
Apr 28 PHP
Thinkphp中Create方法深入探究
Jun 16 PHP
ThinkPHP3.1之D方法实例详解
Jun 20 PHP
PHP执行SQL文件并将SQL文件导入到数据库
Sep 17 PHP
SAE实时日志接口SDK用法示例
Oct 09 PHP
PHP常用的三种设计模式
Feb 17 PHP
laravel手动创建数组分页的实现代码
Jun 07 PHP
laravel 解决groupBy时出现的错误 isn't in Group By问题
Oct 17 PHP
php开发微信支付获取用户地址
Oct 04 #PHP
浅谈使用PHP开发微信支付的流程
Oct 04 #PHP
8个必备的PHP功能开发
Oct 02 #PHP
PHP人民币金额转大写实例代码
Oct 02 #PHP
基于OpenCart 开发支付宝,财付通,微信支付参数错误问题
Oct 01 #PHP
php中preg_match的isU代表什么意思
Oct 01 #PHP
php 利用array_slice函数获取随机数组或前几条数据
Sep 30 #PHP
You might like
解析strtr函数的效率问题
2013/06/26 PHP
掌握PHP垃圾回收机制详解
2019/03/13 PHP
解析offsetHeight,clientHeight,scrollHeight之间的区别
2013/11/20 Javascript
js中Image对象以及对其预加载处理示例
2013/11/20 Javascript
jquery插件冲突(jquery.noconflict)解决方法分享
2014/03/20 Javascript
Node.js中使用计时器定时执行函数详解
2014/08/15 Javascript
使用jQuery.wechat构建微信WEB应用
2014/10/09 Javascript
基于css3新属性transform及原生js实现鼠标拖动3d立方体旋转
2016/06/12 Javascript
AngularJS使用ng-class动态增减class样式的方法示例
2017/05/18 Javascript
Three.js入门之hello world以及如何绘制线
2017/09/25 Javascript
简单的Vue SSR的示例代码
2018/01/12 Javascript
Vue组件通信的四种方式汇总
2018/02/08 Javascript
Vue项目实现换肤功能的一种方案分析
2019/08/28 Javascript
Vue3 源码导读(推荐)
2019/10/14 Javascript
Vue 解决多级动态面包屑导航的问题
2019/11/04 Javascript
微信小程序swiper组件实现抖音翻页切换视频功能的实例代码
2020/06/24 Javascript
[01:55]2014DOTA2国际邀请赛快报:国土生病 紧急去医院治疗
2014/07/10 DOTA
[01:04:48]VGJ.S vs TNC Supermajor 败者组 BO3 第一场 6.6
2018/06/07 DOTA
[01:01:24]LGD vs Fnatic 2018国际邀请赛小组赛BO2 第一场 8.18
2018/08/19 DOTA
python常用知识梳理(必看篇)
2017/03/23 Python
Pycharm导入Python包,模块的图文教程
2018/06/13 Python
Python迭代器iterator生成器generator使用解析
2019/10/24 Python
python+opencv实现车牌定位功能(实例代码)
2019/12/24 Python
用pytorch的nn.Module构造简单全链接层实例
2020/01/14 Python
python与pycharm有何区别
2020/07/01 Python
详解android与HTML混合开发总结
2018/06/06 HTML / CSS
localStorage的过期时间设置的方法详解
2018/11/26 HTML / CSS
德国BA保镖药房韩文网:kr.ba.de
2017/09/04 全球购物
Supersmart英国:欧洲市场首批食品补充剂供应商之一
2018/05/05 全球购物
什么是设计模式
2012/06/17 面试题
高中地理教学反思
2014/01/29 职场文书
研究生毕业鉴定
2014/01/29 职场文书
质量保证书范本
2014/04/29 职场文书
宾馆仓管员岗位职责
2014/07/27 职场文书
K8s部署发布Golang应用程序的实现方法
2021/07/16 Golang
ant design charts 获取后端接口数据展示
2022/05/25 Javascript