JavaScript+jQuery前端開發(fā)基礎(chǔ)教程（第2版）（微課版）課件 劉凡馨 第11章 jQuery特效；第12章 AJAX

JavaScript+jQuery前端開發(fā)基礎(chǔ)教程微課版第11章jQuery特效

本章主要內(nèi)容：簡單特效透明度特效滑動(dòng)特效自定義動(dòng)畫動(dòng)畫相關(guān)的屬性和方法11.1.1隱藏元素hide()方法用于隱藏元素，并可根據(jù)參數(shù)實(shí)現(xiàn)不同的動(dòng)畫效果。1．直接隱藏?zé)o參數(shù)的hide()方法可直接隱藏元素，沒有動(dòng)畫效果。2．控制隱藏的快慢可用字符串“slow”“normal”和“fast”控制動(dòng)畫完成的快慢，這適用于所有特效方法。為hide()方法提供參數(shù)后，會(huì)以動(dòng)畫的方式完成隱藏。3．設(shè)置完成動(dòng)作的時(shí)間jQuery默認(rèn)動(dòng)作完成時(shí)間為400ms，“fast”為200ms，“normal”為默認(rèn)的400ms，“slow”為600ms。4．指定完成函數(shù)可以為hide()方法指定一個(gè)函數(shù)，該函數(shù)在動(dòng)作完成時(shí)執(zhí)行，基本格式如下。.

hide(param1,func)參數(shù)param1是表示動(dòng)畫快慢的字符串或完成時(shí)間。參數(shù)func為函數(shù)名或者匿名函數(shù)。特別說明：幾乎所有的jQuery特效方法，均可指定完成函數(shù)。11.1.2顯示元素show()方法與hide()方法的作用剛好相反，用于將隱藏的元素顯示出來。在不指定參數(shù)時(shí)，show()方法直接顯示元素。還可指定完成顯示元素的動(dòng)作快慢、完成時(shí)間及完成時(shí)回調(diào)函數(shù)。11.1.3隱藏/顯示切換toggle()方法兼具h(yuǎn)ide()和show()方法的功能，用法類似，可隱藏已顯示的元素，或者顯示已隱藏的元素。11.2.1淡入效果fadeIn()方法可實(shí)現(xiàn)淡入效果，將元素的透明度從100減到0，即從不可見變?yōu)榭梢姟?1.2.2淡出效果fadeOut()方法可實(shí)現(xiàn)淡出效果，將可見元素的透明度從0增加到100，即從可見變?yōu)椴豢梢姟?1.2.3調(diào)整透明度fadeTo()方法調(diào)整元素的透明度，參數(shù)取值范圍為[0,1]11.2.4淡入淡出切換fadeToggle()方法用于實(shí)現(xiàn)淡入淡出切換，即對(duì)可見元素施加淡出效果（fadeOut()），對(duì)不可見元素施加淡入效果（fadeIn()）。11.3.1滑入效果slideDown()方法將元素的高度從0增加到實(shí)際高度。11.3.2滑出效果slideUp()方法將可見元素的高度從實(shí)際高度減少到0。11.3.3滑入滑出切換效果slideToggle()方法對(duì)可見元素施加滑出效果，對(duì)不可見元素施加滑入效果。10.4自定義動(dòng)畫animate()方法可實(shí)現(xiàn)自定義動(dòng)畫，其基本語法格式如下。.animate(

property

[,

duration

]

[,

complete

]

)其中：property為以對(duì)象格式表示的CSS屬性，如{width:"200",left:"100px"}。duration為動(dòng)畫完成時(shí)間（單位為毫秒），或者是表示快慢的字符串（“slow”“normal”或“fast”），complete為動(dòng)畫完成時(shí)調(diào)用的函數(shù)。animate()方法只支持屬性值為數(shù)字的CSS屬性，如width、height、left、opacity等。11.4.1字面量動(dòng)畫在animate()方法中使用字面量設(shè)置CSS屬性時(shí)，jQuery將會(huì)把現(xiàn)有的屬性值通過動(dòng)畫效果調(diào)整為新的值。11.4.2相對(duì)量動(dòng)畫相對(duì)量動(dòng)畫指使用相對(duì)量來設(shè)置CSS屬性。例如，{width:'+=200'}表示元素寬度在原來的基礎(chǔ)上增加200，{width:'-=200'}則表示元素寬度在原來的基礎(chǔ)上減少20011.4.3自定義顯示或隱藏在使用animate()方法定義動(dòng)畫時(shí)，CSS屬性可使用“show”“hide”或“toggle”字符串來實(shí)現(xiàn)元素的顯示或隱藏，類似于show()、hide()或toggle()方法。例如，{width:'toggle'}表示在元素可見時(shí)，將其寬度逐漸減為0；元素不可見時(shí)，增加其寬度直到為實(shí)際寬度。11.4.4位置動(dòng)畫在animate()方法中改變?cè)氐膌eft或top屬性，可實(shí)現(xiàn)位置動(dòng)畫。實(shí)現(xiàn)元素位置動(dòng)畫時(shí)，需要將CSSposition屬性設(shè)置為absolute、relative或fixed。position屬性值為static（默認(rèn)值）時(shí)，無法實(shí)現(xiàn)元素的移動(dòng)。11.5.1動(dòng)畫延時(shí)delay()方法用于實(shí)現(xiàn)延時(shí)操作，參數(shù)為時(shí)間（單位為毫秒）。11.5.2停止動(dòng)畫stop()方法用于停止正在執(zhí)行的動(dòng)畫，目標(biāo)對(duì)象的CSS屬性為動(dòng)畫停止時(shí)的狀態(tài)。11.5.3結(jié)束動(dòng)畫finish()方法結(jié)束正在執(zhí)行的動(dòng)畫，目標(biāo)對(duì)象的CSS屬性設(shè)置為動(dòng)畫正常結(jié)束時(shí)的狀態(tài)，即跳過還未完成的動(dòng)畫過程，直接顯示結(jié)束狀態(tài)。11.5.4禁止動(dòng)畫效果jQuery.fx.off屬性設(shè)置為true時(shí)，可禁止頁面中所有的動(dòng)畫效果，直接將目標(biāo)對(duì)象的CSS屬性設(shè)置為最終狀態(tài)。11.6編程實(shí)踐：動(dòng)態(tài)顯示和隱藏選項(xiàng)卡內(nèi)容本節(jié)綜合應(yīng)用本章所學(xué)知識(shí)，在頁面中設(shè)計(jì)一個(gè)選項(xiàng)卡，選項(xiàng)卡標(biāo)題顯示詩的作者，單擊選項(xiàng)卡標(biāo)題，詩的內(nèi)容以動(dòng)畫方式出現(xiàn)和隱藏，如圖11-22所示。JavaScript+jQuery前端開發(fā)基礎(chǔ)教程微課版第12章AJAX本章主要內(nèi)容：加載服務(wù)器數(shù)據(jù)get()方法和post()方法獲取JSON數(shù)據(jù)獲取腳本事件處理12.1.1AJAX概述AJAX主要涉及JavaScript、HTML、XML和DOM等多種客戶端網(wǎng)頁技術(shù)。在傳統(tǒng)Web開發(fā)模式下，獲取服務(wù)器數(shù)據(jù)意味著瀏覽器會(huì)發(fā)起一個(gè)HTTP請(qǐng)求，服務(wù)器接收到請(qǐng)求后，返回響應(yīng)結(jié)果。瀏覽器接收到響應(yīng)結(jié)果后，將其顯示在瀏覽器窗口中。在這種模式下，即使僅修改頁面中的一個(gè)字符，也需要從服務(wù)器返回包含該字符的整個(gè)HTML文檔內(nèi)容，并且，在瀏覽器顯示出響應(yīng)結(jié)果之前，用戶只能等待。傳統(tǒng)Web開發(fā)模式的顯著缺點(diǎn)是，響應(yīng)HTTP請(qǐng)求總是需要返回新頁面的全部HTML內(nèi)容，這增加了網(wǎng)絡(luò)數(shù)據(jù)流量和服務(wù)器計(jì)算工作量，用戶體驗(yàn)也差。AJAX技術(shù)在后臺(tái)發(fā)起HTTP請(qǐng)求，不影響用戶繼續(xù)瀏覽當(dāng)前頁面。服務(wù)器只返回更新頁面必需的數(shù)據(jù)，這些數(shù)據(jù)通常為一個(gè)字符串。瀏覽器在接收到響應(yīng)后，在不刷新頁面的情況下，通過JavaScript腳本將響應(yīng)內(nèi)容顯示在當(dāng)前頁面中。AJAX使用XMLHttpRequest對(duì)象來完成HTTP請(qǐng)求。典型的AJAX請(qǐng)求腳本通常包含下列基本步驟。（1）創(chuàng)建XMLHttpRequest對(duì)象。（2）設(shè)置readystatechange事件處理函數(shù)。（3）打開請(qǐng)求。（4）發(fā)送請(qǐng)求。AJAX請(qǐng)求腳本基本結(jié)構(gòu)如下。var

xhr

=

getXMLHttpRequest()

//創(chuàng)建XMLHttpRequest對(duì)象xhr.onreadystatechange

=

function

()

{

//設(shè)置readystatechange事件處理函數(shù)

……

//處理服務(wù)器返回的響應(yīng)結(jié)果}xhr.open("GET",

"ajaxtext.txt")

//打開請(qǐng)求xhr.send()

//發(fā)送請(qǐng)求12.1.2部署服務(wù)器本書采用Node.js作為

Web服務(wù)器，下面介紹如何在Windows10中部署Node.js，具體操作步驟如下。……12.1.3創(chuàng)建XMLHttpRequest對(duì)象Edge、Firefox、Chrome、Safari及Opera等瀏覽器均支持調(diào)用內(nèi)置的XMLHttpRequest()函數(shù)來創(chuàng)建XMLHttpRequest對(duì)象。var

xhr

=

new

XMLHttpRequest()12.1.4XMLHttpRequest對(duì)象常用屬性1．onreadystatechange該屬性用于設(shè)置readystatechange事件處理函數(shù)。2．readystate該屬性用于返回AJAX請(qǐng)求的處理狀態(tài)。readystate屬性有下列5種取值。0：請(qǐng)求未初始化。1：服務(wù)器連接已建立。2：請(qǐng)求已接收。3：請(qǐng)求處理中。4：請(qǐng)求已完成，且響應(yīng)已就緒。readystate屬性發(fā)生改變時(shí)會(huì)產(chǎn)生readystatechange事件，JavaScript調(diào)用事件處理函數(shù)處理響應(yīng)。3．status屬性status屬性返回服務(wù)器處理HTTP請(qǐng)求的狀態(tài)碼。常用狀態(tài)碼如下。200：請(qǐng)求已成功處理。202：請(qǐng)求已接受，但未成功處理。400：錯(cuò)誤的請(qǐng)求。404：文件未找到。408：請(qǐng)求超時(shí)。500：服務(wù)器內(nèi)部錯(cuò)誤。status屬性值在獲得了服務(wù)器返回的響應(yīng)后才有意義。4．responseText和responseXMLresponseText和responseXML屬性都用于獲得服務(wù)器的響應(yīng)內(nèi)容。如果將服務(wù)器響應(yīng)內(nèi)容作為普通文本字符串處理，則應(yīng)使用responseText屬性。如果將服務(wù)器的響應(yīng)內(nèi)容作為XML對(duì)象來解析，則應(yīng)使用responseXML屬性。12.1.5XMLHttpRequest對(duì)象常用方法1．open()方法open()方法用于設(shè)置AJAX發(fā)起HTTP請(qǐng)求時(shí)采用的方式、請(qǐng)求目標(biāo)和其他參數(shù)，其基本語法格式如下。xhr.open("method"

,

"url"

,

asyn

,

"username"

,

"password"

)其中，xhr為XMLHttpRequest對(duì)象。method為請(qǐng)求方式，例如GET或POST。url為請(qǐng)求的服務(wù)器文件URL。asyn為true（同步）或false（異步，默認(rèn)值）。username為用戶名，password為密碼。除了method和url外，其他參數(shù)均可省略。通常，只請(qǐng)求服務(wù)器數(shù)據(jù)時(shí)使用GET方式，向服務(wù)器提交數(shù)據(jù)時(shí)使用POST方式。請(qǐng)求的服務(wù)器文件的類型不限，.xml、.txt、.asp、.aspx、.jsp或其他文件類型均可。典型的AJAX是異步操作，即open()方法的第3個(gè)參數(shù)為false。如果請(qǐng)求的服務(wù)器文件需要驗(yàn)證用戶身份，則需要在open()方法中提供用戶名和密碼。open()方法中提供的用戶名和密碼以明文方式傳遞，存在被攔截的風(fēng)險(xiǎn)，慎用。例如，下面的語句采用GET方式異步請(qǐng)求服務(wù)器端的data.xml文件。xhr.open("GET"

,

"data.xml")2．send()方法send()方法用于將HTTP請(qǐng)求發(fā)送給服務(wù)器，其基本語法格式如下。xhr.send(str)參數(shù)str為傳遞給服務(wù)器的數(shù)據(jù)（數(shù)據(jù)封裝為URL查詢參數(shù)格式），可以省略。例如，服務(wù)器端處理查詢的ASP文件為doQuery.asp，可用下面的語句來發(fā)起HTTP請(qǐng)求。var

str

=

"type=程序設(shè)計(jì)&kword=Java"xhr.open("POST",

"doQuery.asp")xhr.send(str)也可將查詢參數(shù)放在open()方法的url中。var

str

=

"type=程序設(shè)計(jì)&kword=Java"xhr.open("POST",

"doQuery.asp?"

+

str)xhr.send()3．setRequestHeader()方法setRequestHeader()方法用于設(shè)置HTTP請(qǐng)求頭。xhr.setRequestHeader('Content-type',

'text/plain,charset=UTF-8')setRequestHeader()方法必須在open()方法之后、send()方法之前進(jìn)行調(diào)用，否則會(huì)出錯(cuò)4．getRequestHeader()方法getRequestHeader()方法返回服務(wù)器響應(yīng)的HTTP頭參數(shù)。var

ctype

=

xhr.getRequestHeader('Content-type')5．getAllRequestHeaders()方法getAllRequestHeaders()方法以字符串的形式返回服務(wù)器響應(yīng)的HTTP頭的全部參數(shù)。var

rheaders=

xhr.getAllRequestHeaders()6．a(chǎn)bort()方法abort()方法用于停止當(dāng)前異步請(qǐng)求。xhr.abort()【例12-2】獲取AJAX請(qǐng)求狀態(tài)和響應(yīng)結(jié)果。12.1.6處理普通文本響應(yīng)結(jié)果XMLHttpRequest對(duì)象的responseText屬性用于獲得普通文本響應(yīng)結(jié)果。在服務(wù)器端，響應(yīng)內(nèi)容通常使用腳本動(dòng)態(tài)生成?！纠?2-3】采用GET方式向服務(wù)器提交學(xué)生學(xué)號(hào)，返回其姓名、班級(jí)、年齡等信息。……12.1.7處理XML響應(yīng)結(jié)果responseXML屬性返回包含響應(yīng)結(jié)果的XML對(duì)象，進(jìn)一步使用XMLDOM解析即可獲得具體數(shù)據(jù)。XMLDOM與HTMLDOM類似，限于篇幅，本書不再詳細(xì)介紹XMLDOM?！纠?2-4】修改例12-3，以XML文檔格式返回響應(yīng)結(jié)果，將其轉(zhuǎn)換為字符串顯示在頁面中。12.1.8處理JSON響應(yīng)結(jié)果JSON字符串在JavaScript中可直接轉(zhuǎn)換為對(duì)象。下面是一個(gè)JSON字符串。{class:"高一、8班",name:"李雷雷",age:15}{}表示對(duì)象常量，eval()函數(shù)可將JSON字符串轉(zhuǎn)換為對(duì)象。var

a

=

eval('({class:"高一、8班",name:"李雷雷",age:15})')執(zhí)行該語句后，a.class、、a.age分別為對(duì)象的3個(gè)屬性。在服務(wù)器腳本中，可將響應(yīng)內(nèi)容構(gòu)造為JSON字符串返回?！纠?2-5】修改例12-3，以JSON字符串返回響應(yīng)結(jié)果。12.2使用<script>完成HTTP請(qǐng)求<script>標(biāo)記可向服務(wù)器提交HTTP請(qǐng)求，其原理為，將一個(gè)新的<script>標(biāo)記插入頁面中時(shí)，若其src屬性設(shè)置為URL，瀏覽器會(huì)向服務(wù)器發(fā)送該URL的請(qǐng)求。這種方式發(fā)起的HTTP請(qǐng)求是同步執(zhí)行的——等同于用XMLHttpRequest對(duì)象執(zhí)行同步請(qǐng)求，用戶必須等待響應(yīng)返回，所以適用于耗時(shí)較小的操作。服務(wù)器返回結(jié)果應(yīng)包含一個(gè)函數(shù)調(diào)用表達(dá)式，JavaScript執(zhí)行函數(shù)來處理返回結(jié)果。例如，下面的服務(wù)器腳本輸出返回結(jié)果。Response.Write('getInfo('+rs+')')getInfo()為客戶端腳本中定義的函數(shù)。rs為返回給客戶端的數(shù)據(jù)，它作為getInfo()函數(shù)的參數(shù)。響應(yīng)結(jié)果返回到客戶端時(shí)，等同于通過<script>標(biāo)記來調(diào)用getInfo()函數(shù)。要使用<script>完成HTTP請(qǐng)求，需要使用腳本向當(dāng)前頁面添加一個(gè)<script>標(biāo)記，并定義處理響應(yīng)結(jié)果的函數(shù)?！纠?2-6】修改例12-3，使用<script>完成HTTP請(qǐng)求。12.3.1加載簡單數(shù)據(jù)load()方法最簡單的用法是直接將服務(wù)器返回?cái)?shù)據(jù)加載到頁面元素中，其基本語法格式如下。$(選擇器).load(url)其中，$(選擇器)匹配的頁面元素用于顯示服務(wù)器返回的數(shù)據(jù)。url為請(qǐng)求的服務(wù)器資源的URL，返回的數(shù)據(jù)通常為HTML格式的文本?！纠?2-7】從服務(wù)器加載簡單數(shù)據(jù)。12.3.2篩選加載的數(shù)據(jù)jQuery允許對(duì)load()方法返回的數(shù)據(jù)應(yīng)用選擇器，基本語法格式如下。$(選擇器).load("url

選擇器")【例12-8】篩選加載的數(shù)據(jù)。12.3.3向服務(wù)器提交數(shù)據(jù)可在load()方法的第2個(gè)參數(shù)中指定提交給服務(wù)器的數(shù)據(jù)，其基本語法格式如下。$(選擇器).load(url,data)其中，參數(shù)data為提交的數(shù)據(jù)，可以是對(duì)象或字符串。包含提交的數(shù)據(jù)時(shí)，load()方法采用POST方式發(fā)起AJAX請(qǐng)求。在本章前面的所有實(shí)例中，采用的均為GET方式。GET方式的HTTP請(qǐng)求，客戶端提交的數(shù)據(jù)包含在URL中，所以在服務(wù)器端需解析URL，以獲得其中的客戶端數(shù)據(jù)。POST方式的HTTP請(qǐng)求，客戶端提交的數(shù)據(jù)包含在請(qǐng)求體中。Node.js接收到客戶端采用POST方式提交的數(shù)據(jù)時(shí)，觸發(fā)request的data事件，可在事件處理函數(shù)中接收客戶端數(shù)據(jù)?？蛻舳藬?shù)據(jù)接收完成后，觸發(fā)request的end事件，可在事件處理處理函數(shù)中處理接收到的數(shù)據(jù)，向客戶端返回響應(yīng)【例12-9】向服務(wù)器提交數(shù)據(jù)。12.3.4指定回調(diào)函數(shù)可為load()方法指定一個(gè)回調(diào)函數(shù)，該函數(shù)在AJAX請(qǐng)求返回?cái)?shù)據(jù)且數(shù)據(jù)已經(jīng)顯示到當(dāng)前頁面后執(zhí)行?；菊Z法格式如下。$(選擇器).load(url[,data][,callback])其中，callback為回調(diào)函數(shù)名稱，也可是一個(gè)匿名函數(shù)。【例12-10】在load()方法中使用回調(diào)函數(shù)。12.3.5執(zhí)行腳本load()方法返回的數(shù)據(jù)可以包含腳本，腳本作為數(shù)據(jù)的一部分加載到當(dāng)前頁面元素中，然后被執(zhí)行?！纠?2-11】執(zhí)行來自服務(wù)器的腳本。12.4.1get()方法get()方法基本語法格式如下。jQuery.get(

url

[,

data

]

[,

success

]

[,

dataType

]

)jQuery.get(

{url:請(qǐng)求url

[,

data:提交的數(shù)據(jù)

]

[,

success:回調(diào)函數(shù)

]

[,

dataType:返回?cái)?shù)據(jù)的類型

]})其中，參數(shù)url為請(qǐng)求的服務(wù)器資源的URL。參數(shù)data為對(duì)象或字符串，包含向服務(wù)器提交的數(shù)據(jù)。參數(shù)success為AJAX請(qǐng)求成功完成時(shí)調(diào)用的回調(diào)函數(shù)。參數(shù)dataType為服務(wù)器返回?cái)?shù)據(jù)的數(shù)據(jù)類型，通常jQuery可自動(dòng)決定數(shù)據(jù)類型。常用的數(shù)據(jù)類型有xml、json、script、text或html等。get()方法的參數(shù)url是必需的，其他參數(shù)均可省略。load()方法類似于get(url,data,success)。get()方法返回的數(shù)據(jù)通常在success參數(shù)指定的回調(diào)函數(shù)中進(jìn)行處理。回調(diào)函數(shù)的3個(gè)參數(shù)依次為封裝了返回?cái)?shù)據(jù)的對(duì)象、表示AJAX請(qǐng)求完成狀態(tài)的字符串（通常為success）和執(zhí)行當(dāng)前AJAX請(qǐng)求的XMLHttpRequest對(duì)象?！纠?2-12】使用get()方法執(zhí)行AJAX請(qǐng)求。12.4.2post()方法post()方法的基本語法格式如下。jQuery.post(

url

[,

data

]

[,

success

]

[,

dataType

]

)jQuery.post(

{url:請(qǐng)求url

[,

data:提交的數(shù)據(jù)

]

[,

success:回調(diào)函數(shù)

]

[,

dataType:返回?cái)?shù)據(jù)的類型

]})各參數(shù)含義與get()方法參數(shù)相同。【例12-13】使用post()方法執(zhí)行AJAX請(qǐng)求。12.5獲取JSON數(shù)據(jù)getJSON()方法用于從服務(wù)器返回JSON格式的數(shù)據(jù)，其基本語法格式如下。jQuery.getJSON(

url

[,

data

]

[,

success

])其中，參數(shù)url為請(qǐng)求的服務(wù)器資源的URL。參數(shù)data為對(duì)象或字符串，包含向服務(wù)器提交的數(shù)據(jù)。參數(shù)success為AJAX請(qǐng)求成功完成時(shí)調(diào)用的回調(diào)函數(shù)?；卣{(diào)函數(shù)的3個(gè)參數(shù)依次為封裝了JSON數(shù)據(jù)的對(duì)象、表示AJAX請(qǐng)求完成狀態(tài)的字符串（通常為success）和執(zhí)行當(dāng)前AJAX請(qǐng)求的XMLHttpRequest對(duì)象?！纠?2-14】獲取服務(wù)器端的JSON數(shù)據(jù)。12.6獲取腳本getScript()方法用于請(qǐng)求服務(wù)器端的JavaScript腳本文件，其基本語法格式如下。jQuery.getScript(

url

[,

success

])其中，參數(shù)url為請(qǐng)求的服務(wù)器資源的URL。參數(shù)success為AJAX請(qǐng)求成功完成時(shí)調(diào)用的回調(diào)函數(shù)?；卣{(diào)函數(shù)的3個(gè)參數(shù)依次為包含腳本代碼的字符串、表示AJAX請(qǐng)求完成狀態(tài)的字符串（通常為success）和執(zhí)行當(dāng)前AJAX請(qǐng)求的XMLHttpRequest對(duì)象?！纠?2-15】獲取服務(wù)器端的腳本。12.7.1AJAX事件Query定義的AJAX事件可分為兩種類型：本地事件和全局事件。本地AJAX事件指執(zhí)行AJAX請(qǐng)求的XMLHttpRequest對(duì)象所發(fā)生的事件。全局AJAX事件指在執(zhí)行AJAX請(qǐng)求時(shí)Document對(duì)象發(fā)生的事件，對(duì)當(dāng)前頁面中執(zhí)行的所有AJAX請(qǐng)求均有效。jQuery定義的AJAX事件ajaxStart：全局事件，在開始一個(gè)AJAX請(qǐng)求時(shí)會(huì)發(fā)生該事件。beforeSend：本地事件，在開始一個(gè)AJAX請(qǐng)求之前發(fā)生該事件，此時(shí)，允許修改XMLHttpRequest對(duì)象（如添加HTTP請(qǐng)求頭參數(shù)等）。ajaxSend：全局事件，在開始一個(gè)AJAX請(qǐng)求之前發(fā)生該事件。succes：本地事件，在AJAX請(qǐng)求成功完成時(shí)發(fā)生該事件。ajaxSuccess：全局事件，在AJAX請(qǐng)求成功完成時(shí)發(fā)生該事件。error：本地事件，在AJAX請(qǐng)求執(zhí)行過程中出現(xiàn)錯(cuò)誤時(shí)發(fā)生該事件。ajaxError：全局事件，在AJAX請(qǐng)求執(zhí)行過程中出現(xiàn)錯(cuò)誤時(shí)發(fā)生該事件。complete：本地事件，在AJAX請(qǐng)求結(jié)束時(shí)發(fā)