用Json实现PHP与JavaScript间数据交换的方法详解

JSON(JavaScript Object Notation) 是一种轻量级的数据交换格式。
简而论之,不管是xml还是json都是为了方便在客户端与服务器端交互数据的中转站,特别是用于对象型数据,比如最常见的数组。

下面将分别将数组从php传送给javascript,以及将数组从javascript传送给php示例说明,例子比较简单,明白概念即可。不管从php传送给javascript,还是javascript传送给php,json在传送之前都会将对象扁平化即一维化为字符串。
PHP 向 JavaScript 传值
PHP 文件 json.php


代码如下:

<?php
     $arr = array(
         'name' => '我们',
         'nick' => 'Gonn',
         'contact' => array(
             'email' => 'xxxxxxx@163.com',
             'website' => 'http://www.jb51.net',
         )
     );
     $json_string = json_encode($arr);
     echo "getProfile($json_string)";
 ?>

光执行这个文件,其结果如下:


代码如下:

getProfile({"name":"u5e0cu4e9a","nick":"Gonn",
"contact":{"email":"xxxxxxx@163.com","website":"http://www.jb51.net"}})

json.php 是通过 json_encode 函数将数组扁平化,然后发送,相反有个 json_decode 函数。
那么在 JavaScript 如何调用呢?很简单,定义一个变量获取 PHP 传来的 Json,该 Json 具备对象的特性,我们可以用 array.name 这种方式来获取该 Json 的属性。


代码如下:

<script type="text/javascript">
 function getProfile(str) { 
     var arr = str; 
     document.getElementById('name').innerHTML = arr.name; 
     document.getElementById('nick').innerHTML = arr.nick; 
     document.getElementById('email').innerHTML = arr.contact.email;
     document.getElementById('website').innerHTML = arr.contact.website;
 } 
 </script>
 <body>
 <div id="name"></div>
 <div id="nick"></div>
 <div id="email"></div>
 <div id="website"></div>
 </body>
 <script type="text/javascript" src="json.php"></script>

运行结果如下:


代码如下:

我们
 Gonn
 xxxxxxx@163.com
 http://www.jb51.net

JavaScript 向 PHP 传值
json_encode.html


代码如下:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
 <html xmlns="http://www.w3.org/1999/xhtml">
 <head>
 <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
 <title>json:From javascript To php</title>
 <script src="json2.js" type="text/javascript"></script>
 <script type="text/javascript">
 function JSON_test(o)
 {
     var user = {
         name:document.getElementById('txt_name').value,
         email:document.getElementById('txt_email').value,
         password:document.getElementById('txt_password').value
     }
     var json_string = JSON.stringify(user);
     document.getElementById('txt_json').value=json_string;
     alert("点击确定后将提交表单");
     o.submit();
 }
 </script>
 </head>

<body>

<form id="form1" name="form1" method="post" action="json_encode.php"onsubmit="JSON_test(this);return flase;">
         <label for="txt_name">姓名</label>
         <p><input type="text" name="txt_name" id="txt_name" /></p>
         <label for="txt_email">邮箱</label>
         <p><input type="text" name="txt_email" id="txt_email" /></p>
         <p><label for="txt_password">密码</label></p>
         <p><input type="text" name="txt_password" id="txt_password" /></p>
         <p><input type="text" name="txt_json" id="txt_json" />
             <label for="button"></label>
             <input type="submit" name="button" id="button" value="JSON" />
         </p>
     </form>

</body>
 </html>

这里javascript扁平化需要一个插件:http://www.json.org/json2.js,通过JSON.stringify(str)将对象扁平化然后传送给php。
注:另有一个http://www.json.org/json.js,对应的是toJSONString方法。


代码如下:

var last=obj.toJSONString(); //针对json.js
 var last=JSON.stringify(obj); //针对json2.js

json_encode.php


代码如下:

<?php
     header('Content-Type: text/html; charset=utf-8');
     $json_string = $_POST["txt_json"];
     //echo $json_string;
     if(ini_get("magic_quotes_gpc")=="1")
     {
         $json_string=stripslashes($json_string);
     }
     $user = json_decode($json_string);

echo var_dump($user);

echo '<br /><br /><br /><br />';
     echo $user->name.'<br />';
     echo $user->email.'<br />';
     echo $user->password.'<br />';
 ?>

这里就需要用到json_decode()这个函数,然后调用其中数据用 $obj->属性即可。

(0)

相关推荐

  • php返回json数据函数实例

    本文实例讲述了php返回json数据函数的用法,分享给大家供大家参考.具体方法如下: json_encode()函数用法: echo json_encode(array('a'=>'bbbb','c'=>'ddddd'); 这样就会生成一个标准的json格式的数据 <?php //需要执行的SQL语句 //单条 $sql="select id,name from tbl_user where id=1"; //多条数据 //$sql="select id,n

  • ThinkPHP中使用ajax接收json数据的方法

    本文实例讲述了ThinkPHP中使用ajax接收json数据的方法.分享给大家供大家参考.具体分析如下: 这里通过ThinkPHP+jquery实现ajax,扩展了下,写了个查询,前台代码如下: 首先需要引入jquery.js,主要代码如下: 复制代码 代码如下: function ajax(id,pic){     //由于ThinkPHP不解析JavaScript里的ThinkPHP常量,所以需要先在这里定义. var URL='__URL__';         $.ajax({     

  • Android访问php取回json数据实例

    php代码 复制代码 代码如下: $array = array( 'username'=>'杨铸', 'password'=>'123456', 'user_id'=>1 ); echo json_encode($array); java代码 复制代码 代码如下: private void startUrlCheck(String username,String password) { HttpClient client = new DefaultHttpClient(); String

  • 利用js调用后台php进行数据处理原码

    該方法已經屬於過時方法,其中關鍵的地方也從論壇上得來的,我只是把它消化吸收后重新写了更全面的出来.公布出來只是希望更多的新手能從中學到一些東西.如果你對該代碼有任何意見可以留言,但請勿進行人身攻擊,我是一個菜鳥只能寫出這樣的東西,每个老鸟都有这样的过程. 鉴于时间问题,代碼的提交部分使用的是传统的表单POST,如果您喜欢可以根据LOAD过程自行加上相应的SCRIPT,不过好像只能用GET了.聽說XML可以實現真正的無刷新,如果誰手上有希望能借來看看. 在此感謝QQ群組中蓝劍雪狐和shelly水在

  • 使用PHP接收POST数据,解析json数据

    复制代码 代码如下: <?php $json_string = $_POST["txt_json"]; if(ini_get("magic_quotes_gpc")=="1") {  $json_string=stripslashes($json_string); } $user = json_decode($json_string); echo var_dump($user);?> 在这个文件中,首先得到html文件中POST表单域

  • php获取post中的json数据的实现方法

    突然想到了以前接触过flash将图片二进制流传给php,灵机一动用$GLOBALS['HTTP_RAW_POST_DATA']获取到了.于是就深入的查了一下,原来PHP默认只识别application/x-www.form-urlencoded标准的数据类型,因此,对型如text/xml 或者 soap 或者 application/octet-stream 之类的内容无法解析,如果用$_POST数组来接收就会失败!故保留原型,交给$GLOBALS['HTTP_RAW_POST_DATA'] 来

  • PHP JSON格式数据交互实例代码详解

    在PHP中解析JSON主要用到json_encode和json_decode两个PHP JSON函数,比PHP解析XML方便很多,下面详细介绍下PHP JSON的使用.JSON基础介绍 JSON(JavaScript Object Notation) 是一种轻量级的数据交换格式. JSON主要有两种结构: "名称/值"对的集合,在PHP中可以理解为关联数组 (associative array). 值的有序列表(An ordered list of values).在PHP中可以理解为

  • PHP JSON 数据解析代码

    使用此代码可以顺利解析人人连接网站POST获取的数据. 复制代码 代码如下: $json_string='{"id":1,"name":"jb51","email":"admin@jb51.net","interest":["wordpress","php"]} '; $obj=json_decode($json_string); echo $ob

  • Angular.js如何从PHP读取后台数据

    之前已经有很多方法可以通过angular进行本地数据的读取.以前的例子中,大多数情况都是将数据存放到模块的$scope变量中,或者直接利用ng-init定义初始化的数据.但是这些方法都只为了演示其他功能的效果.这次来学习一下如何将Angular和PHP相结合,从后台读取数据. 首先,利用PHP,我们定义了一组后台数据,代码如下(test.php): <?php header("Access-Control-Allow-Origin: *"); header("Conte

  • 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向javascrip

随机推荐