Ajax通訊操作JSON資料實戰

來源:互聯網
上載者:User

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> 


聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.