如何使用jquery的ajax發起訪問請求

本篇內容主要講解“如何使用jquery的ajax發起訪問請求”，感興趣的朋友不妨來看看。本文介紹的方法操作簡單快捷，實用性強。下面就讓小編來帶大家學習“如何使用jquery的ajax發起訪問請求”吧!

向結口發起請求是開發人員經常要用到的一種獲取數據的方式，通過向接口提交數據，再接收接口返回的數據的方法來獲取需要的數據。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: 'sl',        password: '123456',     },     success: function (res) {                      //請求成功后的操作          console.log(res);                          //在控制臺輸出返回結果      },     error: function (err) {                       //請求失敗后的操作          console.log(22);                          //請求失敗在控制臺輸出22       }   })</script>

推薦手冊：AJAX中文參考手冊

第三步：編寫接口文件test4.php

<?php$name = $_GET['name'];          //接受傳遞過來的參數$password = $_GET['password'];$str = "姓名：".$name."    密碼：".$password;  //構造返回數據echo   $str;        //返回數據?>

最后查看運行結果

到此，相信大家對“如何使用jquery的ajax發起訪問請求”有了更深的了解，不妨來實際操作一番吧！這里是億速云網站，更多相關內容可以進入相關頻道進行查詢，關注我們，繼續學習！