jQuery中Ajax全局事件引用方式及各個(gè)事件(全局/局部)執(zhí)行順序
更新時(shí)間：2016年06月02日 16:38:47 作者：雙魂人生
這篇文章主要介紹了jQuery中Ajax全局事件引用方式及各個(gè)事件(全局/局部)執(zhí)行順序的相關(guān)資料，非常不錯(cuò)，具有參考借鑒價(jià)值，感興趣的朋友一起學(xué)習(xí)吧
jquery中各個(gè)事件執(zhí)行順序如下：
1.ajaxStart(全局事件)
2.beforeSend(局部事件)
3.ajaxSend(全局事件)
4.success(局部事件)
5.ajaxSuccess(全局事件)
6.error(局部事件)
7.ajaxError (全局事件)
8.complete(局部事件)
9.ajaxComplete(全局事件)
10.ajaxStop(全局事件)
其中，全局事件可以在ajax相關(guān)方法外引用（比如，通過該方式將ajax執(zhí)行各個(gè)階段的信息顯示在頁面某個(gè)地方）。
下例演示一次ajax請求過程中各個(gè)事件執(zhí)行的順序，以及全局ajax的使用方法
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<mce:script src="http://code.jquery.com/jquery-latest.js" mce_src="http://code.jquery.com/jquery-latest.js"></mce:script>
<mce:script type="text/javascript"><!--
$(function(){
//點(diǎn)擊按鈕，并執(zhí)行ajax請求
$("#ajaxReuqestID").click(function(){
$.ajax({
url: "http://blog.csdn.net/gaoyusi4964238",
beforeSend:function(){
$("#ajaxStateID").text("berforeSend");
alert("berforeSend");
},
success: function(){
$("#ajaxStateID").text("success");
alert("success");
},
error:function(){
$("#ajaxStateID").text("error");
alert("error");
},
complete:function(){
$("#ajaxStateID").text("complete");
alert("complete");
}
});
});
$("#ajaxStateID").ajaxStart(function(){
$(this).text("ajaxStart");
alert("ajaxStart");
}).ajaxSend(function(){
$(this).text("ajaxSend");
alert("ajaxSend");
}).ajaxSuccess(function(){
$(this).text("ajaxSuccess");
alert("ajaxSuccess");
}).ajaxError(function(){
$(this).text("ajaxError");
alert("ajaxError");
}).ajaxComplete(function(){
$(this).text("ajaxComplete");
alert("ajaxComplete");
}).ajaxStop(function(){
$(this).text("ajaxStop");
alert("ajaxStop");
});
})
// --></mce:script>
</head>
<body>
<input type="button" value="點(diǎn)擊觸發(fā)ajax請求" id="ajaxReuqestID"/>
<div id="ajaxStateID"></div>
</body>
</html>
以上所述是小編給大家介紹的jQuery中Ajax全局事件引用方式及各個(gè)事件(全局/局部)執(zhí)行順序的相關(guān)知識，希望對大家有所幫助！
相關(guān)文章
本文主要總結(jié)了jQuery中的一些小技巧。具有一定的參考價(jià)值，下面跟著小編一起來看下吧2017-01-01
jQuery實(shí)現(xiàn)行文字鏈接提示效果的方法
這篇文章主要介紹了jQuery實(shí)現(xiàn)行文字鏈接提示效果的方法,實(shí)例分析了jQuery操作文字提示效果的方法,具有一定參考借鑒價(jià)值,需要的朋友可以參考下2015-03-03
JQuery的read函數(shù)與js的onload不同方式實(shí)現(xiàn)
JQuery的read函數(shù)與js的onload，想必大家對這兩個(gè)方法都有所熟悉吧，接下來介紹一個(gè)實(shí)例用以上兩種方法各自實(shí)現(xiàn)，感興趣的你可不要錯(cuò)過了哈，希望可以幫助到你2013-03-03
這篇文章主要介紹了jQuery必不可少的小技巧，這些小技巧就像是創(chuàng)建的快捷方式，可以幫助大家快速開發(fā)，感興趣的小伙伴們可以參考一下2015-11-11
這篇文章主要介紹了jQuery實(shí)現(xiàn)字符串全部替換的方法,結(jié)合實(shí)例形式對比分析了使用Replace進(jìn)行替換的方法及使用正則進(jìn)行全部替換的相關(guān)操作技巧,需要的朋友可以參考下2016-12-12
CKEditor無法驗(yàn)證的解決方案（js驗(yàn)證+jQuery Validate驗(yàn)證）
這篇文章主要為大家詳細(xì)介紹了CKEditor無法驗(yàn)證的解決方案和jQuery Validate驗(yàn)證框架，感興趣的小伙伴們可以參考一下2016-05-05
validform表單驗(yàn)證的實(shí)現(xiàn)方法
這篇文章主要介紹了validform表單驗(yàn)證的實(shí)現(xiàn)方法，validform插件主要把所有的驗(yàn)證條件和驗(yàn)證提示信息綁定到每個(gè)表單元素，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2019-03-03
這篇文章主要為大家詳細(xì)介紹了jQuery制作圣誕主題頁面的方法，類似動感影集，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2016-08-08
jquery隊(duì)列queue與原生模仿其實(shí)現(xiàn)方法分享
jquery中的queue和dequeue是一組很有用的方法，他們對于一系列需要按次序運(yùn)行的函數(shù)特別有用。特別animate動畫，ajax，以及timeout等需要一定時(shí)間的函數(shù)2014-03-03
本篇文章給大家總結(jié)了關(guān)于jQuery代碼優(yōu)化方法，如果你這方面有需求，跟著小編一起學(xué)習(xí)下吧。2018-01-01