亚洲国产日韩欧美一区二区三区,精品亚洲国产成人av在线,国产99视频精品免视看7,99国产精品久久久久久久成人热,欧美日韩亚洲国产综合乱

搜索
博主信息
博文 29
粉絲 1
評(píng)論 0
訪問(wèn)量 30579
最新下載
更多>
網(wǎng)站特效
網(wǎng)站源碼
網(wǎng)站素材
前端模板
JavaScript：Ajax請(qǐng)求類型
阿心
原創(chuàng)
1705人瀏覽過(guò)

Ajax—-GET請(qǐng)求

  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4.     <meta charset="UTF-8">
  5.     <title>Ajax---GET請(qǐng)求</title>
  6. </head>
  7. <body>
  8.     <script>
  9.         //1,創(chuàng)建ajax對(duì)象
  10.         var ajaxGet = new XMLHttpRequest();
  11.         //2,監(jiān)聽(tīng)請(qǐng)求
  12.         // 每當(dāng) readyState 改變時(shí)，就會(huì)觸發(fā) onreadystatechange 事件。(存儲(chǔ)函數(shù)（或函數(shù)名），每當(dāng) readyState 屬性改變時(shí)，就會(huì)調(diào)用該函數(shù)。)
  13.         // status : 200: "OK"    。 404: 未找到頁(yè)面
  14.         ajaxGet.onreadystatechange = function(){
  15.           if(ajaxGet.readyState === 4 && ajaxGet.status === 200){
  16.               // responseText     獲得字符串形式的響應(yīng)數(shù)據(jù)。
  17.               console.log(ajaxGet.responseText);
  18.           }
  19.         };
  20.         //3,初始化參數(shù)
  21.         //ajax.open(請(qǐng)求類型,請(qǐng)求URL,是否異步)
  22.         ajaxGet.open("GET",'test.php',true);
  24.         //4，發(fā)送請(qǐng)求
  25.         ajaxGet.send(null);
  26.     </script>
  27. </body>
  28. </html>

Ajax—-POST

  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4.     <meta charset="UTF-8">
  5.     <title>Ajax---POST</title>
  6. </head>
  7. <body>
  9.     <script>
  10.         //1，創(chuàng)建ajax對(duì)象
  11.         var ajaxPost = new XMLHttpRequest();
  13.         // 2，監(jiān)聽(tīng)
  14.         ajaxPost.onreadystatechange=function(){
  15.             if(ajaxPost.readyState === 4 && ajaxPost.status === 200){
  16.                 console.log(ajaxPost.responseText);
  17.             }
  18.         };
  19.         // 3，提交參數(shù)初始化
  20.         ajaxPost.open("POST","test.php",true);
  22.         // 4，設(shè)置請(qǐng)求頭，模擬表單數(shù)組類型發(fā)送
  23.         // application/x-www-form-urlencoded是默認(rèn)值
  24.         ajaxPost.setRequestHeader('content-type','application/x-www-form-urlencoded');
  25.         //準(zhǔn)備要發(fā)送的數(shù)據(jù)
  26.         var user = {
  27.             account:"admin",
  28.             password:123456,
  29.         };
  30.         //轉(zhuǎn)換user為JSON字符串
  31.         var userdata = JSON.stringify(user);
  32.         ajaxPost.send(userdata);
  33.     </script>
  35. </body>
  36. </html>

Ajax—-POST請(qǐng)求(2)

  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4.     <meta charset="UTF-8">
  5.     <title>Ajax---POST請(qǐng)求2</title>
  6. </head>
  7. <body>
  8. <script>
  9.     // 1,創(chuàng)建對(duì)象
  10.     var ajaxPost = new XMLHttpRequest();
  11.     // 2,監(jiān)聽(tīng)
  12.     ajaxPost.onreadystatechange=function(){
  13.       if(ajaxPost.readyState ===4 && ajaxPost.status === 200){
  14.           console.log(ajaxPost.responseText);
  15.       }
  16.     };
  17.     // 3，提交參數(shù)初始化
  18.     ajaxPost.open("POST","test1.php",true);
  19.     // 4，json字符串?dāng)?shù)據(jù)提交
  20.     ajaxPost.setRequestHeader('content-type','application/json;charset=utf-8');
  21.     var user = {
  22.         account:"admin",
  23.         name:"管理員",
  24.     };
  25.     // 5,提交
  26.     var datauser = JSON.stringify(user);
  27.     ajaxPost.send(datauser);
  28. </script>
  30. </body>
  31. </html>

ajax_POST__formData請(qǐng)求

  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4.     <meta charset="UTF-8">
  5.     <title>ajax_POST__formData</title>
  6. </head>
  7. <body>
  8.     <script>
  9.         // 1,創(chuàng)建對(duì)象
  10.         var ajaxform=new XMLHttpRequest();
  12.         ajaxform.onreadystatechange = function(){
  13.             if(ajaxform.readyState === 4 && ajaxform.status === 200)
  14.             {
  15.                 console.log(ajaxform.response);
  16.             }
  17.         };
  19.         ajaxform.open("POST","test2.php",true);
  20.         // FormData 接口提供了一種表示表單數(shù)據(jù)的鍵值對(duì)的構(gòu)造方式
  21.         var data = new FormData();
  22.         data.append("account","admin");
  23.         data.append("password","123456");
  25.         ajaxform.send(data);
  28.     </script>
  29. </body>
  30. </html>

被請(qǐng)求的test.php文件

  1. <?php
  2. if($_GET){
  3.     $user['account'] = "admin";
  4.     $user['user'] = "管理員";
  5.     $user['tel'] = 10010;
  6. //將數(shù)據(jù)轉(zhuǎn)換為JSON
  7.     echo json_encode($user);
  8. }
  9. if($_POST){
  10. //    print_r($_POST);
  11.     //轉(zhuǎn)換為字符串
  12.     $data = key($_POST);
  13.     //將data轉(zhuǎn)換為PHP可以處理的數(shù)據(jù)(json轉(zhuǎn)為PHP對(duì)象、數(shù)組）
  14.     $user = json_decode($data);
  15.     print_r($user);
  16.     $user = json_decode($data,true);
  17.     print_r($user);
  18.     echo $user['account'];
  19.     echo '<hr>';
  20. }

被請(qǐng)求test1.php處理文件

  1. <?php
  3. $data = file_get_contents('php://input');
  5. //echo $data;
  6. $user = json_decode($data,true);
  7. echo $user['name'];

總結(jié)：以上示例看上去不難。結(jié)合連接數(shù)據(jù)庫(kù)連接登錄視乎就看不懂了。

批改老師：天蓬老師天蓬老師

批改狀態(tài)：合格

老師批語(yǔ)：寫之前先規(guī)劃一下, 不要上來(lái)就寫, 把步驟想清楚, 就不難了
本博文版權(quán)歸博主所有，轉(zhuǎn)載請(qǐng)注明地址！如有侵權(quán)、違法，請(qǐng)聯(lián)系admin@php.cn舉報(bào)處理！
全部評(píng)論 文明上網(wǎng)理性發(fā)言，請(qǐng)遵守新聞評(píng)論服務(wù)協(xié)議
0條評(píng)論
作者最新博文
關(guān)于我們 免責(zé)申明 意見(jiàn)反饋 講師合作 廣告合作 最新更新
php中文網(wǎng)：公益在線php培訓(xùn)，幫助PHP學(xué)習(xí)者快速成長(zhǎng)！
關(guān)注服務(wù)號(hào) 技術(shù)交流群
PHP中文網(wǎng)訂閱號(hào)
每天精選資源文章推送
PHP中文網(wǎng)APP
隨時(shí)隨地碎片化學(xué)習(xí)
PHP中文網(wǎng)抖音號(hào)
發(fā)現(xiàn)有趣的

Copyright 2014-2025 http://ipnx.cn/ All Rights Reserved | php.cn | 湘ICP備2023035733號(hào)

    • 登錄PHP中文網(wǎng)，和優(yōu)秀的人一起學(xué)習(xí)！
    全站2000+教程免費(fèi)學(xué)