上一篇文章我们获得后台数据库的数据后转换成json格式然后返回到前台，但只是返回的一位数组，这次我们返回二维和三维数组和对象。

前台代码shizhan.html:

 <!DOCTYPE html>

 <html>

 <head>

     <title>json数据获取</title>

     <meta charset="utf-8">

     <script src='jquery.js'></script>

     <script type="text/javascript">

     $("document").ready(function() {

         var url="shizhan.php";

         var data={"do":"first"};

         $.getJSON(url,data,function(res){

             $("#username").val(res.username);

             $("#password").val(res.password);

         });

         var data={"do":"second"};

         $.getJSON(url,data,function(res) {

             $("#members").val(res.third.members.username);

         });

         var data={"do":"third"};

         $.getJSON(url,data,function(res){

             $("#address").val(res.address[1].username);

         });

     });

     </script>

 </head>

 <body>

     <h2>一位数组json数据显示</h2>

     <input type="text" name="username" id="username" /><br/>

     <input type="password" name="password" id="password">

     <h2>二位数组json数据显示</h2>

     <textarea id="members"></textarea>

     <h2>三位数组json数据显示</h2>

     <textarea id="address"></textarea>

 </body>

 </html>

这里我们用$.getJSON(url,data,callback)来获得我们从url处返回的json格式的数据，注意，$.getJSON()中的JSON必须大写。

并且这时我们传递给后台的参数不把它放在url的末尾，而是直接放在新定义的data变量中。所以后台程序获取参数时不再使用$_GET[]了，而是使用$_REQUEST[].

还有一点值得提醒的是，在将返回得到的json格式的数据时，如果后台的二位数组中的第一位是['1']，则我们在前台赋给变量中的数据的格式应为上述代码中的

$("#address").val(res.address[1].username); ，而不是 $("#address").val(res.address.1.username); ,而如果后台的二维或者是三维数组的第一位是['third']等英文时，则可用上述代码中的 $("#members").val(res.third.members.username); .

　　后台代码：

 <?php

 $do=$_REQUEST['do'];

 $member['username']='慕课网';

 $member['password']='mukewang';

 $members['1']['username']='张三';

 $members['1']['password']='zhangsan';

 $members['2']['username']='李四';

 $members['2']['password']='lisi';

 $members['2']['address']='朝阳区';

 $members['third']['members']['username']='我是第三个用户名';

 class addressClass{

     public $address = array();

     public function setAddress($array) {

         $this->address=$array;

     } 

     public function getAddrss() {

         return $this->address;

     }

 }

 $addressObj = new addressClass();

 $addressObj->setAddress($members);

 switch($do) {

     case 'first' : echo json_encode($member);break;

     case 'second': echo json_encode($members);break;

     case 'third' : echo json_encode($addressObj);break;

 }

后台代码中我们使用json_encode()函数来将一位数组，二维数组，三位数组和对象转换为json格式的数据。

使用Javascript Ajax 通信操作JSON数据 [下]的更多相关文章

  1. 使用Javascript Ajax 通信操作JSON数据 [上]

    以前只是知道json的格式而已,也做过的是从数据库获得数据然后弄成json的格式然后赋给HighCharts生成曲线,先把数据库的数据使用array()函数转换成数组,然后使用json_encode( ...

  2. 使用Ajax方式POST JSON数据包（转）

    add by zhj: 用ajax发送json数据时注意两点, 第一,使用JSON.stringify()函数将data转为json格式的字符串,如下 data: JSON.stringify({   ...

  3. Jquery重新学习之五[操作JSON数据]

    Jquery操作Json格式的数据在我们平时的项目中也经常运用:最近看Jquery权威指南中就有一章节是对这方面的整理总结:最后通过一个Asp.net结合一般处理程序ashx的实例,基本上能满足项目中 ...

  4. 前端学习——使用Ajax方式POST JSON数据包

    0.前言     本文解释怎样使用Jquery中的ajax方法传递JSON数据包,传递的方法使用POST(当然PUT又有时也是一个不错的选择).POST JSON数据包相比标准的POST格式可读性更好 ...

  5. [转]javascript eval函数解析json数据时为什加上圆括号eval("("+data+")")

    javascript eval函数解析json数据时为什么 加上圆括号?为什么要 eval这里要添加 “("("+data+")");//”呢?   原因在于: ...

  6. js中如何操作json数据

    一.要想熟练的操作json数据,就先要了解json数据的结构,json有两种结构:对象和数组. 1.对象 一个对象以“{”开始,“}”结束.每个“名称”后跟一个“:”:“‘名称/值’ 对”之间使用“, ...

  7. 在使用Ajax请求返回json数据的时候IE浏览器弹出下载保存对话框的解决方法

    在使用Ajax请求返回json数据的时候IE浏览器弹出下载保存对话框的解决方法 最近在做一个小东西,使用kindeditor上传图片的时候,自己写了一个上传的方法,按照协议规则通过ajax返回json ...

  8. Java操作JSON数据(4,end)--Jackson操作JSON数据

    Jackson是SpringBoot默认使用的JSON处理库,它可以轻松的将Java对象转换成JSON对象,同样也可以将JSON转换成Java对象.本文介绍下Jackson的基本使用方法,包括序列化和 ...

  9. Java操作JSON数据(3)--fastjson操作JSON数据

    fastjson是阿里巴巴的开源JSON解析库,它可以解析JSON格式的字符串,支持将Java Bean序列化为JSON字符串,也可以从JSON字符串反序列化到JavaBean.本文介绍下fastjs ...

随机推荐

  1. 团队小组NABCD（通用作业和个人作业）特点

    NABCD框架(通用作业和个人作业): N(need,需求): 你的创意解决了用户的什么需求? 使用户能够很好的区分作业情况,将班里所有同学的作业和自己私人的作业分开,通用作业指在一个班一同上课的公共 ...

  2. android:descendantFocusability用法简析（转）

        开发中很常见的一个问题,项目中的listview不仅仅是简单的文字,常常需要自己定义listview,自己的Adapter去继承BaseAdapter,在adapter中按照需求进行编写,问题 ...

  3. 设置cookie的保存时间 下一篇

    设置cookie的保存时间,通过cookie的expires性质指定一个终止时间就可以了.也就是说,你在设置cookie的时候,你的cookie字串要像下面这样组合: var d= new Date( ...

  4. android Application Project目录结构

    src:存放java源文件 gen: 资源配置文件 Android4.0: 4.0 类库 Android Private Lib: 支持库 Android Dependencies: android ...

  5. AngularJS-webapp($q)

    $q延迟加载: 当一个数据需要请求多次,后面一个数据需要前面请求的数据时,我们就可以通过延迟加载进行数据传递 如下代码: 首先:我们需要得到职位信息: { "id": " ...

  6. 使用visio 2010建立sql server数据模型——手动画、利用逆向工程

    基础数据库这个词不在新鲜,老早就提出了.咱们从出生,个人信息就被放到一个基本信息库中了,在全国各地,通过身份证号就能知道你的基本信息.最近米老师 下发了一个任务,让我们开发几个小项目,考试系统.选修课 ...

  7. Codeforces 786B. Legacy 线段树+spfa

    题目大意: 给定一个\(n\)的点的图.求\(s\)到所有点的最短路 边的给定方式有三种: \(u \to v\) \(u \to [l,r]\) \([l,r] \to v\) 设\(q\)为给定边 ...

  8. 洛谷 P3052 [USACO12MAR]摩天大楼里的奶牛Cows in a Skyscraper

    题目描述 A little known fact about Bessie and friends is that they love stair climbing races. A better k ...

  9. 笔记：加 ly 不一定是副词

    笔记:加 ly 不一定是副词 加 ly 变副词,但有些单词以 ly 结尾,长得像副词,却是形容词. costly = cost + ly a costly item. 一件昂贵的物品. lovely ...

  10. redis之 Redis常用数据类型

    Redis最为常用的数据类型主要有以下7种: 一. String (字符) 常用命令:  set,get,decr,incr,mget 等. 应用场景:String是最常用的一种数据类型,普通的key ...