jQuery 封裝 ajax 的使用方法

2021-10-05 16:59:00 字數 1281 閱讀 9468

1,get請求方式 — $.get()方法

$.get(

, datatype: 'json',

succsee: function(res)

})

url:請求的後台程式位址

data:傳送到後台的資料,物件格式

datatype:返回資料的型別,預設為string,如果為json,會自動解析後端返回的json串

succsee:請求成功時執行的函式,引數res儲存響應體

2,post請求方式 — $.post()方法

$.post(

, datatype: 'json',

succsee: function(res)

})

url:請求的後台程式位址

data:傳送到後台的資料,物件格式

datatype:返回資料的型別 預設為string,如果為json,會自動解析後端返回的json串

succsee:請求成功時執行的函式,引數res儲存響應體

3,通用請求方式 — $.ajax()方法

$.ajax(

, datatype: 'json',

succsee: function(res)

, async:true,

error:function() ,

timeout: ,

cache:true,

context : ,

})

url:請求的後台程式位址

type/method:請求方式, 預設是get

data:傳送到後台的資料,物件格式

datatype:返回資料的型別 預設為string,如果為json,會自動解析後端返回的json串

succsee:請求成功時執行的函式,引數res儲存響應體

不常用引數:

async:設定是否非同步,預設值是true,表示非同步

error:請求錯誤時執行的函式,請求成功時不會執行

timeout: 設定超時時效,單位毫秒

如果請求時間超過設定的時間,認為是請求失敗,必須是非同步執行才起作用

cache:是否快取請求結果,預設true,快取請求結果

前提必須是get方式,post方式不會快取,設定了也沒有效果

context : 指定執行函式中this的指向

最常用的一般是第三種方法$.ajax(),其中定義了type,也可以是method,表示請求方式,可以適用於多種請求方式的ajax請求。

Ajax原理及JQuery封裝的使用

建立xmlhttprequest物件var xhr new xmlhttprequest 設定請求報文 1.設定請求行 引數1為請求方式,引數2為請求位址 get方式 xhr.open get 01.php?name zs age 18 需要將傳送的資料拼接在位址後面 post方式 xhr.open...

jQuery 封裝 ajax 的使用方法

jquery封裝ajax請求有三種方式 一 get請求方式 get datatype 期望的資料型別,如果為json,會將後端返回的json串,自動解析,success function 請求成功時執行的函式 二 post請求方式 post datatype 期望的資料型別,如果為json,會將後端...

jQuery 封裝 ajax 的使用方法

jquery中 封裝的 ajax請求 有3種 1,get get請求方式 引數有4個引數,必填引數是 url位址 其他引數都是選填引數,可以沒有 引數的形式是物件形式 get 請求成功時執行的函式 2,post post請求方式 引數有4個引數,必填引數是 url位址 其他引數都是選填引數,可以沒有...