1. 云栖社区>
  2. 技术文集>
  3. 列表>
  4. 正文

Ajax通信操作JSON数据实战

作者:用户 来源:互联网 时间:2016-08-03 10:13:01

functiondataresusernamegetjsonaddress

Ajax通信操作JSON数据实战 - 摘要: 本文讲的是Ajax通信操作JSON数据实战, JSON数据操作 server2.php <?php    //1  $member['username'] = "aseoe"; 


JSON数据操作

Ajax通信操作JSON数据实战-ajax操作json

server2.php

  1. <?php 
  2.  
  3. //1 
  4. $member['username'] = "aseoe"; 
  5. $member['password'] = "aseoe"; 
  6. $do = $_REQUEST['do']; 
  7.  
  8.  
  9. //2 
  10.  
  11. $members['1']['username'] = "爱思资源网"; 
  12. $members['1']['password'] = "aseoev"; 
  13. $members['2']['username'] = "极速设计"; 
  14. $members['2']['password'] = "jisu"; 
  15. $members['2']['address'] = "南京市"; 
  16. $members['third']['members']['address'] = "南京市"; 
  17.  
  18. //3 
  19.  
  20. class addressClass{ 
  21.     public $address = array(); 
  22.      
  23.     public function setAddress($array){ 
  24.         $this->address = $array; 
  25.     } 
  26.      
  27.     public function getAddress(){ 
  28.         return $this->address; 
  29.     } 
  30.  
  31. $addressObj = new addressClass(); 
  32. $addressObj->setAddress($members); 
  33.  
  34. switch($do){ 
  35.     case "first": 
  36.     echo json_encode($member); 
  37.     break; 
  38.      
  39.     case "second": 
  40.     echo json_encode($members); 
  41.     break; 
  42.      
  43.     case "third": 
  44.     echo json_encode($addressObj); 
  45.     break; 
  46.      
  47. ?> 

前台显示

  1. <!DOCTYPE HTML> 
  2. <html
  3.     <head> 
  4.         <title>php-JSON2</title> 
  5.         <meta charset="utf-8"> 
  6.         <meta name="viewport" content="width=device-width"> 
  7.         <script src="http://www.aseoe.com/statics/js/jquery-1.10.2.min.js" type="text/javascript"></script>  
  8.         <script type="text/javascript"> 
  9.         $("document").ready(function (){ 
  10.             var url = "server2.php"; 
  11.             var data = {"do":"first"}; 
  12.              
  13.             $.getJSON(url,data,function(res){ 
  14.                 $("#username").val(res.username); 
  15.                 $("#password").val(res.password); 
  16.             }); 
  17.              
  18.             var data = {"do":"second"}; 
  19.             $.getJSON(url,data,function(res){ 
  20.                  
  21.             $("#members").val(res[1].username); 
  22.             $("#members").val(res.third.members.address); 
  23.             }); 
  24.              
  25.             var data = {"do":"third"} 
  26.             $.getJSON(url,data,function(res){ 
  27.             $("#address").val(res.address[1].username); 
  28.             }) 
  29.         }); 
  30.          
  31.         </script>  
  32.     </head> 
  33.     <body> 
  34.         <h2>一维数组</h2> 
  35.         <input type="text" name="username" id="username" /> <br /> 
  36.         <input type="password" name="password" id="password" /> <br /> 
  37.      
  38.         <h2>多维数组</h2> 
  39.         <textarea id="members">  
  40.         </textarea> 
  41.          
  42.         <h2>对象</h2> 
  43.         <textarea id="address">  
  44.         </textarea> 
  45.     <script type="text/javascript"> 
  46.  
  47.      
  48.     </script> 
  49.        
  50.     </body> 
  51. </html> 


以上是云栖社区小编为您精心准备的的内容,在云栖社区的博客、问答、公众号、人物、课程等栏目也有 的相关内容,欢迎继续使用右上角搜索按钮进行搜索function , data , res , username , getjson address ajax操作json、ajax实战、ajax实战 pdf、jquery ajax实战、ajax实战 pdf 百度云,以便于您获取更多的相关知识。

url-求教。java接口与前台html对接问题

...es 反正这个值你界面是可以取到的, 好然后再来解决你通信的问题,可以参考楼上的ajax模式 改好你的通信接口 ! 解决方案八: {"success":true,"message":"亲,获取课程成功","data":{"subId":1,"cateId":null,"subName":"财务1","profile":"财...

VUEJS实战之构建基础并渲染出列表(1)_javascript技巧

...果没有出错的话,绝对还是能够打印出来接口数据的.这样操作后,我们的代码就无比的简练,并且可阅读性大大增加了.而我们下面要做的事情,就是在 pushDom(data) 这个函数里面去做就好了. vue 渲染代码 首先,我们需要在页面中用 vue ...

Json的学

...析和生成。学习目的1,掌握并且能使用JSON数据格式进行通信交互2,理解JSON数据格式和serialize序列化,XML以及数组的区别JSON基本语法四大原则1,并列的数据之间用逗号分隔2,映射用冒号表示3,并列数据的集合(数组)用方括...

[Ruby on Rails实战圣经]Ajax 应用程式

...交换资料、更新网页内容的技术。目的在于改善使用者的操作介面,提升流畅度。它主要是透过浏览器提供的XMLHttpRequestObject来达成,不过因为跨浏览器的困难度,大多数人们会选择使用JavaScript Library来处理Ajax,例如JQuery。虽然...

实战ajax

...交互和动态显示。 3.使用XMLHttpRequest来和服务器进行异步通信。 4.使用javascript来绑定和调用。 一.XMLHttpRequest 对象所有现代浏览器均支持 XMLHttpRequest 对象(IE5 和 IE6 使用 ActiveXObject)。XMLHttpRequest 用于在后台与服务器交换数据。...

前三篇
后三篇