jQuery的AJAX請(qǐng)求與回調(diào)

2018-07-25 14:19 更新

jQuery 的 AJAX ,核心的請(qǐng)求處理函數(shù)只有一個(gè),就是 $.ajax() ,然后就是一個(gè)簡(jiǎn)單的上層函數(shù)。

$.ajax() 的基本使用形式是:

jQuery.ajax( settings )
settings 是一個(gè)對(duì)象,里面包含了所有的配置項(xiàng)。

這里,只介紹常用的 settings 項(xiàng):

url
請(qǐng)求的地址。
type
請(qǐng)求的方法類型, GET , POST 。 默認(rèn)是 GET 。
data
要發(fā)送出去的數(shù)據(jù)。
dataType
服務(wù)器返回的數(shù)據(jù)類型,支持: 'xml', 'html', 'script', 'json', 'jsonp', 'text' 。
success
請(qǐng)求成功時(shí)調(diào)用的處理函數(shù)。 success(data, textStatus, jqXHR) 。
context
回調(diào)函數(shù)執(zhí)行時(shí)的上下文
cache
默認(rèn)為 true ,是否為請(qǐng)求單獨(dú)添加一個(gè)隨機(jī)參數(shù)以防止瀏覽器緩存
error
請(qǐng)求錯(cuò)誤時(shí)的調(diào)用函數(shù)。 error(jqXHR, textStatus, errorThrown) ,第二個(gè)參數(shù)是表示請(qǐng)求狀態(tài)的字符串: "timeout", "error", "abort", "parsererror" 。第三個(gè)參數(shù)是當(dāng) HTTP 錯(cuò)誤發(fā)生時(shí),具體的錯(cuò)誤描述: "Not Found", "Internal Server Error." 等。
complete
請(qǐng)求結(jié)束(無論成功或失?。r(shí)的一個(gè)回調(diào)函數(shù)。 complete(jqXHR, textStatus) ,第二個(gè)參數(shù)是表示請(qǐng)求狀態(tài)的字符串: "success", "notmodified", "error", "timeout", "abort", "parsererror" 。
jsonp
一個(gè)參數(shù)名,默認(rèn)是 callback ,一般用于指明回調(diào)函數(shù)名。設(shè)置成 false 可以讓請(qǐng)求沒有 callback 參數(shù)。
jsonpCallback
callback 參數(shù)值。默認(rèn)是自動(dòng)生成的一個(gè)隨機(jī)值。

對(duì)于整套應(yīng)用來說,其資    源請(qǐng)求通常有一套約定的規(guī)則,使用 $.ajaxSetup() 可以配置參數(shù)的默認(rèn)值,參數(shù)就是上面介紹的那些(不完整)。

$.ajax(options)
AJAX 請(qǐng)求的默認(rèn)配置。

前面提到過, $.ajax() 是一個(gè)核心函數(shù),在其之上,有一些現(xiàn)成的封裝,常用的是:

$.get( url [, data] [, success(data, textStatus, jqXHR)] [, dataType] )
GET 請(qǐng)求
$.post( url [, data] [, success(data, textStatus, jqXHR)] [, dataType] )
POST 請(qǐng)求

jQuery 的 AJAX ,核心的請(qǐng)求處理函數(shù)只有一個(gè),就是 $.ajax() ,然后就是一個(gè)簡(jiǎn)單的上層函數(shù)。

$.ajax() 的基本使用形式是:

jQuery.ajax( settings )
settings 是一個(gè)對(duì)象,里面包含了所有的配置項(xiàng)。

這里,只介紹常用的 settings 項(xiàng):

url
請(qǐng)求的地址。
type
請(qǐng)求的方法類型, GET , POST 。 默認(rèn)是 GET 。
data
要發(fā)送出去的數(shù)據(jù)。
dataType
服務(wù)器返回的數(shù)據(jù)類型,支持: 'xml', 'html', 'script', 'json', 'jsonp', 'text' 。
success
請(qǐng)求成功時(shí)調(diào)用的處理函數(shù)。 success(data, textStatus, jqXHR) 。
context
回調(diào)函數(shù)執(zhí)行時(shí)的上下文
cache
默認(rèn)為 true ,是否為請(qǐng)求單獨(dú)添加一個(gè)隨機(jī)參數(shù)以防止瀏覽器緩存
error
請(qǐng)求錯(cuò)誤時(shí)的調(diào)用函數(shù)。 error(jqXHR, textStatus, errorThrown) ,第二個(gè)參數(shù)是表示請(qǐng)求狀態(tài)的字符串: "timeout", "error", "abort", "parsererror" 。第三個(gè)參數(shù)是當(dāng) HTTP 錯(cuò)誤發(fā)生時(shí),具體的錯(cuò)誤描述: "Not Found", "Internal Server Error." 等。
complete
請(qǐng)求結(jié)束(無論成功或失?。r(shí)的一個(gè)回調(diào)函數(shù)。 complete(jqXHR, textStatus) ,第二個(gè)參數(shù)是表示請(qǐng)求狀態(tài)的字符串: "success", "notmodified", "error", "timeout", "abort", "parsererror" 。
jsonp
一個(gè)參數(shù)名,默認(rèn)是 callback ,一般用于指明回調(diào)函數(shù)名。設(shè)置成 false 可以讓請(qǐng)求沒有 callback 參數(shù)。
jsonpCallback
callback 參數(shù)值。默認(rèn)是自動(dòng)生成的一個(gè)隨機(jī)值。

對(duì)于整套應(yīng)用來說,其資源請(qǐng)求通常有一套約定的規(guī)則,使用 $.ajaxSetup() 可以配置參數(shù)的默認(rèn)值,參數(shù)就是上面介紹的那些(不完整)。

$.ajax(options)
AJAX 請(qǐng)求的默認(rèn)配置。

前面提到過, $.ajax() 是一個(gè)核心函數(shù),在其之上,有一些現(xiàn)成的封裝,常用的是:

$.get( url [, data] [, success(data, textStatus, jqXHR)] [, dataType] )
GET 請(qǐng)求
$.post( url [, data] [, success(data, textStatus, jqXHR)] [, dataType] )
POST 請(qǐng)求


以上內(nèi)容是否對(duì)您有幫助:
在線筆記
App下載
App下載

掃描二維碼

下載編程獅App

公眾號(hào)
微信公眾號(hào)

編程獅公眾號(hào)