首頁  >  文章  >  web前端  >  使用jquery的ajax發起存取請求

使用jquery的ajax發起存取請求

angryTom
angryTom原創
2019-07-15 17:06:316647瀏覽

向結口發起請求是開發人員經常要用到的一種獲取數據的方式,透過向介面提交數據,再接收介面返回的數據的方法來獲取需要的數據。 jquery為我們提供了ajax方法來方便我們請求介面。下面我就來想大家介紹一下jquery的ajax的使用方法。

第一步:引用jquery

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/2.2.2/jquery.js"></script>
##推薦手冊jQuery中文參考手冊

#第二步:建構ajax請求

#在請求是我使用的是本機伺服器上的檔案。

<script>
$.ajax({
     url: "http://localhost/sltest/test4.php",      //请求接口的地址
     type: "GET",                                   //请求的方法GET/POST
     data: {                                        //需要传递的参数
        name: &#39;sl&#39;,
        password: &#39;123456&#39;,
     },
     success: function (res) {                      //请求成功后的操作
          console.log(res);                          //在控制台输出返回结果
      },
     error: function (err) {                       //请求失败后的操作
          console.log(22);                          //请求失败在控制台输出22
       }
   })
</script>

推薦手冊AJAX中文參考手冊

第三步:寫接口檔案test4.php

<?php
$name = $_GET[&#39;name&#39;];          //接受传递过来的参数
$password = $_GET[&#39;password&#39;];
$str = "姓名:".$name."    密码:".$password;  //构造返回数据
echo   $str;        //返回数据
?>

最後查看運行結果

使用jquery的ajax發起存取請求

相關文章推薦:1.
如何在專案中使用ajax請求 2.
Ajax請求時顯示進度
相關影片教學:1.
JavaScript極速入門_玉女心經系列
#

以上是使用jquery的ajax發起存取請求的詳細內容。更多資訊請關注PHP中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn