jquery傳送ajax的方法

2019-12-12 20:13:44

jquery的ajax就是在不過載整個網頁的情況下，通過ajax後台載入資料，並在網頁上進行顯示，本文主要介紹jquery傳送ajax的幾種方法。

1

首先，需要下載jquery的js開發包，並將jquery引入到專案中。這樣才能方便的呼叫jquery的各種方法。下載地址，請各位小夥伴到其官網進行下載，最好是下載最新版本的，這樣js的漏洞會少一些，目前最新版本為3.4.1。

2

jquery常用的ajax方法，包括：$.ajax()，$.get()，$.getJSON()，$.post()，不同的方法，傳入的引數和方式不同。

3

$.ajax()是$.get()，$.getJSON()，$.post()的基礎類別，通過$.ajax()可以實現get、post、getjson的請求方法。主要用法如下：

$.ajax({

type: "POST",//請求方式get、post

contentType: "application/x-www-form-urlencoded",

url: "/post",//伺服器請求地址

data: {

'id':ids, //請求引數

success: function (result) {//請求成功的回撥函數

alert("成功");

//請求失敗，包含具體的錯誤資訊

error: function (e) {

}

})

4

$.get()是ajax的type為get的變體，方便呼叫get方法而封裝而成的方法，適合介面為get的呼叫。語法為：$.get(URL,data,function(data,status,xhr),dataType)，具體用法如下：

$.get("/get",//介面請求地址

{id:"1111"},//請求引數

function(data,status,xhr)//請求後的回撥函數，data請求的返回值，status請求返回的狀態

{

console.log(data);

dataType:"json" //規定預期的伺服器響應的資料型別，可以是json/xml/等

);

5

$.post()跟get的方法一樣，是ajax的post的變體，適合post的介面。具體語法：$.post(URL,data,function(data,status,xhr),dataType)，具體用法如下：

$.post("/post",//介面請求地址

{id:"1111"},//請求引數

function(data,status,xhr)//請求後的回撥函數，data請求的返回值，status請求返回的狀態

{

console.log(data);

dataType:"json" //規定預期的伺服器響應的資料型別，可以是json/xml/等

);

6

$.getJSON()適合返回型別為json的介面，具體語法：$.getJSON(url,data,success(data,status,xhr))，用法如下：

$.getJSON("/getJson",//介面請求地址

{id:"1111"},//請求引數

function(data,status,xhr)//請求後的回撥函數，data請求的返回值，status請求返回的狀態

{

console.log(data);

}

);

jquery傳送ajax的方法

1

2

3

4

5

6

熱門文章