如何使用jquery的ajax發(fā)起訪問請(qǐng)求

本篇內(nèi)容主要講解“如何使用jquery的ajax發(fā)起訪問請(qǐng)求”，感興趣的朋友不妨來看看。本文介紹的方法操作簡單快捷，實(shí)用性強(qiáng)。下面就讓小編來帶大家學(xué)習(xí)“如何使用jquery的ajax發(fā)起訪問請(qǐng)求”吧!

向結(jié)口發(fā)起請(qǐng)求是開發(fā)人員經(jīng)常要用到的一種獲取數(shù)據(jù)的方式，通過向接口提交數(shù)據(jù)，再接收接口返回的數(shù)據(jù)的方法來獲取需要的數(shù)據(jù)。jquery為我們提供了ajax方法來方便我們請(qǐng)求接口。下面我就來想大家介紹一下jquery的ajax的使用方法。

第一步：引用jquery

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/2.2.2/jquery.js"></script>

推薦手冊(cè)：jQuery中文參考手冊(cè)

第二步：構(gòu)造ajax請(qǐng)求

在請(qǐng)求是我使用的是本地服務(wù)器上的文件。

<script>$.ajax({     url: "http://localhost/sltest/test4.php",      //請(qǐng)求接口的地址     type: "GET",                                   //請(qǐng)求的方法GET/POST     data: {                                        //需要傳遞的參數(shù)        name: 'sl',        password: '123456',     },     success: function (res) {                      //請(qǐng)求成功后的操作          console.log(res);                          //在控制臺(tái)輸出返回結(jié)果      },     error: function (err) {                       //請(qǐng)求失敗后的操作          console.log(22);                          //請(qǐng)求失敗在控制臺(tái)輸出22       }   })</script>

推薦手冊(cè)：AJAX中文參考手冊(cè)

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

<?php$name = $_GET['name'];          //接受傳遞過來的參數(shù)$password = $_GET['password'];$str = "姓名：".$name."    密碼：".$password;  //構(gòu)造返回?cái)?shù)據(jù)echo   $str;        //返回?cái)?shù)據(jù)?>

最后查看運(yùn)行結(jié)果

到此，相信大家對(duì)“如何使用jquery的ajax發(fā)起訪問請(qǐng)求”有了更深的了解，不妨來實(shí)際操作一番吧！這里是億速云網(wǎng)站，更多相關(guān)內(nèi)容可以進(jìn)入相關(guān)頻道進(jìn)行查詢，關(guān)注我們，繼續(xù)學(xué)習(xí)！