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

首先下载下面这个文件（这是一段是别人写出来专门解析json的代码），然后引入这个文件！

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

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

先看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  (中间是数字零)

赞 (0)

相关推荐

  • 用javascript对一个json数组深度赋值示例

    <!DOCTYPE HTML> <html> <head> <title>test1</title> </head> <body> <script> var arr={ "name":"zhansan", "age":23, "address":{ "city":"beijing", &quo

  • JS解析json数据并将json字符串转化为数组的实现方法

    复制代码 代码如下: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <HTML> <HEAD> <TITLE> New Document </TITLE> <SCRIPT LANGUAGE="JavaScript"> var t="{'firstName': 'cyra', 'lastName': 'ric

  • 以JSON形式将JS中Array对象数组传至后台的方法

    以JSON形式将JS中Array对象数组传至后台的方法

    业务是需要将前台jQuery easyUI DataGrid列表中所选的若干行的数据传到后台进行update操作 通常情况下我们会获取所选取行对象的ID,通过循环及简单封装拼凑成一个长String传送过去,并在Service层解释再通过findByID获取实例并update 但今次我们需要将整个对象群完整的传输至后台 其结构如下 选用谷歌的GSON插件及json2.js搭配使用 前台代码如下,简洁起见已去除部分简单验证代码: 复制代码 代码如下: var rows = $('#dg1').dat

  • js数组如何添加json数据及js数组与json的区别

    JSON(JavaScript Object Notation )是一种轻量级的数据交换格式,采用完全独立于语言的文本格式,JSON是JavaScript原生数据格式. 下面给大家介绍js数组添加json数据的两种方式. // 第一种方式 personInfo : [], for(var i = 0; i < _STAGE.passengerInfoArray.length; i++){ var name = _STAGE.passengerInfoArray[i]; var person =

  • jquery遍历筛选数组的几种方法和遍历解析json对象

    jquery grep()筛选遍历数组 复制代码 代码如下: $().ready( function(){ var array = [1,2,3,4,5,6,7,8,9]; var filterarray = $.grep(array,function(value){ return value > 5;//筛选出大于5的 }); for(var i=0;i<filterarray.length;i++){ alert(filterarray[i]); } for (key in filtera

  • JS实现给json数组动态赋值的方法示例

    本文实例讲述了JS实现给json数组动态赋值的方法.分享给大家供大家参考,具体如下: json 数组也是数组: //1. var jsonstr="[{'name':'a','value':1},{'name':'b','value':2}]"; var jsonarray = eval('('+jsonstr+')'); var arr = { "name" : $('#names').val(), "value" : $('#values')

  • json对象与数组以及转换成js对象的简单实现方法

    JSON 语法规则 JSON 语法是 JavaScript 对象表示法语法的子集. •数据在名称/值对中 •数据由逗号分隔 •花括号保存对象 •方括号保存数组 JSON 对象 JSON 对象在花括号中书写: 对象可以包含多个名称/值对: { "firstName":"John" , "lastName":"Doe" } 这一点也容易理解,与这条 JavaScript 语句等价: firstName = "John&q

  • 解析javascript 数组以及json元素的添加删除

    javasscript删除数组的3种方法1,用shift()方法shift:删除原数组第一项,并返回删除元素的值:如果数组为空则返回undefinedvar chaomao=[1,2,3,4,5]var chaomao.shift()//得到1alert(chaomao)//[2,3,4,5] 2,用pop()方法pop:删除原数组最后一项,并返回删除元素的值:如果数组为空则返回undefinedvar chaomao=[1,2,3,4,5]var chaomao.pop()//得到5alert

  • 浅析C/C++,Java,PHP,JavaScript,Json数组、对象赋值时最后一个元素后面是否可以带逗号

    1 C,C++,Java,PHP都能容忍末尾的逗号 C,C++,Java中对数组赋值时,最后一个元素末尾的逗号可有可无.下面两行代码对这些语言来说是等效的. int a[] = {1,2,3}; /* 正确 */ int a[] = {1,2,3,}; /* 正确 */ PHP这一点也继承了C的特点,下面的两行代码等效. $a = array(1,2,3); /* 正确 */ $a = array(1,2,3,); /* 正确 */ 2 JavaScript视末尾逗号为语法错误! 然而到了Jav

  • jquery下json数组的操作实现代码

    今天试过json[i].remove(),json.remove(i)之后都不行,看网页的DOM对象中好像JSON数据是以数组的形式出现的,查阅了下相关JS中数组的操作一试果然很爽. 记录下来. 1.数组的创建 复制代码 代码如下: var arrayObj = new Array(); //创建一个数组 var arrayObj = new Array([size]); //创建一个数组并指定长度,注意不是上限,是长度 var arrayObj = new Array([element0[,

  • JQuery遍历json数组的3种方法

    一.使用each遍历 复制代码 代码如下: $(function () { var tbody = "";            //------------遍历对象 .each的使用-------------            //对象语法JSON数据格式(当服务器端回调回来的对象数据格式是json数据格式,必须保证JSON的格式要求,回调的对象必须使用eval函数进行转化(否则将得不到Object).本文不作详细介绍服务器端回调的数据问题,我们将直接自定义对象)        

  • js实现数组转换成json

    js实现数组转换成json function arrayToJson(o) { var r = []; if (typeof o == "string") return "\"" + o.replace(/([\'\"\\])/g, "\\$1").replace(/(\n)/g, "\\n").replace(/(\r)/g, "\\r").replace(/(\t)/g, "

随机推荐