`
jgsj
  • 浏览: 951400 次
文章分类
社区版块
存档分类
最新评论

php和js如何通过json互相传递数据

 
阅读更多
当我们在结合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 <wbr>json_encode(array('k'=&gt;array("a"=&gt;'1','2','3')))</wbr>这样的方式,查看你需要构造的目标字符串的json格式。这样你就可以在js中根据你想要的结果来构造了!

好了,今天对php和js之间如何使用json数据进行通信就讨论到这里,大家可以自己再试试将php的对象类型进行json编码后如何传递给js。

分享到:
评论

相关推荐

    php和js如何通过json互相传递数据.docx

    php和js如何通过json互相传递数据.docx

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

    当我们在结合php和javascript实现某些功能时,经常会用到json。json是js的一种数据格式,可以直接...我们通过php向javascript传递数组数据时,通常要将其转化为json格式,一遍javascript来获取,那么我们就以数组为例,

    php通过json传递数组到javascript

    php具有强大的后端处理能力,其生成的数据,尤其是数组,通过json传递给javascript.本文中演示的例子是一个文件的数据传送。

    javascript和php使用ajax通信传递JSON的实例

    JS和PHP直接通信常用ajax完成,以实现js上UI的动态变化。通信使用JSON或者XML传递数据。下面详细描述两者直接JSON字符串的传递。 下面案例是要传递这样的json数据: { "bookid": "558a6be36c72a" , "resitems": ...

    php处理json格式数据经典案例总结

    简 单地说,JSON 可以将 JavaScript 对象中表示的一组数据转换为字符串,然后就可以在函数之间轻松地传递这个字符串,或者在异步应用程序中将字符串从 Web 客户机传递给服务器端程序. 通俗点讲,它是一种数据的存储...

    php post json参数的传递和接收处理方法

    页面1 ,php传递json参数的页面: 1.php &lt;? function http_post_data($url, $data_string) { $ch = curl_init(); curl_setopt($ch, CURLOPT_POST, 1); curl_setopt($ch, CURLOPT_URL, $url); curl_setopt($...

    jQuery通过Ajax向PHP服务端发送请求并返回JSON数据

    服务端PHP读取MYSQL数据,并转换成JSON数据,传递给前端Javascript,并操作JSON数据。本文将通过实例演示了jQuery通过Ajax向PHP服务端发送请求并返回JSON数据。阅读本文的读者应该具备jQuery、Ajax、PHP相关知识,并...

    PHP在不同页面间传递Json数据示例代码

    $jsonstr =json_encode($value); $url=”http://127.0.0.1:8080/get.php?id=100&value=$jsonstr”; $html = file_get_contents&#40;$url&#41;; echo $html; ?&gt; get.php文件如下: 复制代码 代码如下: &lt;?php $...

    无刷新加载数据.rar

    我这个是一个完整案例,index页面查询输出首批数据,result页面接收js传达过去的请求,查询输出数据为json格式传递回去给index页面。无刷新加载数据。小白可以拿去直接使用,只需要修改两个页面sql查询语句和输出...

    grunt-json2php:将json对象转换为php关联数组

    grunt-json2php 用于将 json 文件转换为具有关联数组的 php 文件的 Grunt 插件。...在项目的 Gruntfile 中,将名为json2php的部分添加到传递给grunt.initConfig()的数据对象中。 grunt . initConfig ( { json2php

    php基于jquery的ajax技术传递json数据简单实例

    本文实例讲述了php基于jquery的ajax技术传递json数据简单实现方法。分享给大家供大家参考,具体如下: html页面: &lt;html&gt; &lt;head&gt; &lt;meta http-equiv=content-type content=text/html;charset=utf-8 /...

    php使用json-schema模块实现json校验示例

    客户端和服务端的http信息传递,采用json几乎成了标配。json格式简单,易于处理,不过由于没有格式规定,无法校验。 好在php有json-schema模块,可以用来验证json是否符合规定的格式。 安装使用composer composer ...

    半个小时学json(json传递示例)

    json传递(一维数组) js代码 [removed][removed] [removed] $(document).ready(function(){ $.getJSON("a.php",{id:1, name:encodeURI('李智'), gender:encodeURI('男')},function(json){ var json=eval&#...

    TCT-Instagram-Feed:将JSON feed从JSON数据添加到页面-源码

    标记之前添加滑块JS 将[removed]和代码添加到functions.php或代码片段短代码[instafeed user="ATTRIBUTE_NAME"] 要使用grid = [instafeed user =“ feed-grid”],请使用滑块= [instafeed user =“ feed-slider”] ...

    PHP json_encode() 函数详解及中文乱码问题

    在 php 中使用 json_encode() 内置函数(php &gt; 5.2)可以使用得 php 中数据可以与其它语言很好的传递并且使用它。 这个函数的功能是将数值转换成json数据存储格式。 &lt;?php $arr = array ( 'Name'=&gt;'希亚', 'Age...

    Snow:php包将json内容从Editor.js转换为html元素

    基本用法您可以通过传递json对象来解析编辑器js json,然后以纯HTML格式获取内容。例如来自编辑器js的json如下所示: { " time " : 1570726916129 , " blocks " : [ { " type " : " header " , " data " : { " text ...

    php实现向javascript传递数组的方法

    本文实例讲述了php实现向javascript传递数组的方法。分享给大家供大家参考。具体如下: 这里介绍的PHP进行数组传值给javascript的技巧,此方法适用php5.2以上,php5.2以上自带该类。低于5.2的,请下载json类。json是...

Global site tag (gtag.js) - Google Analytics