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安装为Apache DSO
Oct 09 PHP
php 无限极分类
Mar 27 PHP
利用PHP制作简单的内容采集器的原理分析
Oct 01 PHP
PHP校验ISBN码的函数代码
Jan 17 PHP
php编写的简单页面跳转功能实现代码
Nov 27 PHP
php调整gif动画图片尺寸示例代码分享
Dec 05 PHP
PHP中数组的分组排序实例
Jun 01 PHP
PHP实现的方程求解示例分析
Nov 11 PHP
php微信公众号开发之秒杀
Oct 20 PHP
php数组函数array_push()、array_pop()及array_shift()简单用法示例
Jan 26 PHP
PHP与Web页面的交互示例详解二
Aug 04 PHP
PHP引擎php.ini参数优化深入讲解
Mar 24 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
Protoss热键控制
2020/03/14 星际争霸
UCenter中的一个可逆加密函数authcode函数代码
2010/07/20 PHP
php垃圾代码优化操作代码
2010/08/05 PHP
PHP下获取上个月、下个月、本月的日期(strtotime,date)
2014/02/02 PHP
PHP中关键字interface和implements详解
2017/06/14 PHP
帮助避免错误的Javascript陷阱清单
2009/05/31 Javascript
clipboard.js无需Flash无需依赖任何JS库实现文本复制与剪切
2015/10/10 Javascript
浅谈JavaScript中的对象及Promise对象的实现
2015/11/15 Javascript
jquery捕捉回车键及获取checkbox值与异步请求的方法
2015/12/24 Javascript
jQuery基本筛选选择器实例代码
2017/02/06 Javascript
JavaScript多态与封装实例分析
2018/07/27 Javascript
js实现input密码框显示/隐藏功能
2020/09/10 Javascript
jQuery.parseJSON()函数详解
2019/02/28 jQuery
js实现直播点击飘心效果
2020/08/19 Javascript
[03:01]2014DOTA2国际邀请赛 小组赛7月13日TOPPLAY
2014/07/14 DOTA
python入门教程之识别验证码
2017/03/04 Python
Python各类图像库的图片读写方式总结(推荐)
2018/02/23 Python
Django基础知识 URL路由系统详解
2019/07/18 Python
Python for i in range ()用法详解
2020/09/18 Python
numpy按列连接两个维数不同的数组方式
2019/12/06 Python
python中round函数如何使用
2020/06/19 Python
Python json解析库jsonpath原理及使用示例
2020/11/25 Python
python模拟点击玩游戏的实例讲解
2020/11/26 Python
html5实现移动端适配完美写法
2017/11/16 HTML / CSS
美国猫狗药物和用品网站:PetCareRx
2017/01/05 全球购物
Expedia法国:全球最大在线旅游公司
2018/09/30 全球购物
英国最大的独立摄影零售商:Park Cameras
2019/11/27 全球购物
C#如何允许一个类被继承但是避免这个类的方法被重载?
2015/02/24 面试题
运动会开幕式解说词
2014/02/05 职场文书
英文求职信写作小建议
2014/02/16 职场文书
《长相思》听课反思
2014/04/10 职场文书
大专学生求职信
2014/07/04 职场文书
首次购房证明
2015/06/19 职场文书
运动会班级口号霸气押韵
2015/12/24 职场文书
5种 JavaScript 方式实现数组扁平化
2021/10/05 Javascript
vue @ ~ 相对路径 路径别名设置方式
2022/06/05 Vue.js