亚洲香蕉成人av网站在线观看_欧美精品成人91久久久久久久_久久久久久久久久久亚洲_热久久视久久精品18亚洲精品_国产精自产拍久久久久久_亚洲色图国产精品_91精品国产网站_中文字幕欧美日韩精品_国产精品久久久久久亚洲调教_国产精品久久一区_性夜试看影院91社区_97在线观看视频国产_68精品久久久久久欧美_欧美精品在线观看_国产精品一区二区久久精品_欧美老女人bb

首頁 > 編程 > JavaScript > 正文

jQuery Ajax中的事件詳細介紹

2019-11-20 12:39:13
字體:
來源:轉載
供稿:網友

Ajax會觸發很多事件。
有兩種事件,一種是局部事件,一種是全局事件:
局部事件:通過$.ajax來調用并且分配。

復制代碼 代碼如下:

$.ajax({
    beforeSend: function(){
     // Handle the beforeSend event
    },
    complete: function(){
     // Handle the complete event
    }
    // ...
});

全局事件,可以用bind來綁定,用unbind來取消綁定。這個跟click/mousedown/keyup等事件類似。但他可以傳遞到每一個DOM元素上。
復制代碼 代碼如下:

$("#loading").bind("ajaxSend", function(){ //使用bind
    $(this).show();
}).ajaxComplete(function(){  //直接使用ajaxComplete
    $(this).hide();
});

當然,你某一個Ajax請求不希望產生全局的事件,則可以設置global:false
復制代碼 代碼如下:

$.ajax({
   url: "test.html",
   global: false,
   // ...
 });

事件的順序如下:

ajaxStart 全局事件
開始新的Ajax請求,并且此時沒有其他ajax請求正在進行。
beforeSend 局部事件
當一個Ajax請求開始時觸發。如果需要,你可以在這里設置XHR對象。
ajaxSend 全局事件
請求開始前觸發的全局事件
success 局部事件
請求成功時觸發。即服務器沒有返回錯誤,返回的數據也沒有錯誤。
ajaxSuccess 全局事件
全局的請求成功
error 局部事件
僅當發生錯誤時觸發。你無法同時執行success和error兩個回調函數。
ajaxError 全局事件
全局的發生錯誤時觸發
complete 局部事件
不管你請求成功還是失敗,即便是同步請求,你都能在請求完成時觸發這個事件。
ajaxComplete 全局事件
全局的請求完成時觸發
ajaxStop 全局事件
當沒有Ajax正在進行中的時候,觸發。

局部事件回調的參數在文檔中寫的很清楚了,這里就不累述了。

全局事件中,除了ajaxStart和ajaxStop之外,其他的事件都有3個參數
event, XMLHttpRequest, ajaxOptions
第一個是事件,第二個是XHR對象,第三個參數最有用,是當時調用這個ajax的時候的參數。
對于ajaxError,還有第四個參數thrownError,只有當異常發生時才會被傳遞。
我們可以利用ajaxOptions來寫一個全局的ajax事件。
比如

復制代碼 代碼如下:

$("#msg").beforeSend(function(e,xhr,o) {
    $(this).html("正在請求"+o.url);
}).ajaxSuccess(function(e,xhr,o) {
    $(this).html(o.url+"請求成功");
}).ajaxError(function(e,xhr,o) {
    $(this).html(o.url+"請求失敗");
});

對于這個例子,
這樣我們就可以很方便的全局地在某個地方顯示當前的ajax狀態。
當然,之前說了,第三個參數實際上是傳遞給ajax的參數。get/post/load/getScript/getJSON等方法本質上都是調用ajax方法的,所以ajaxOptions.url屬性總是有效的。

還有更豐富的例子。
如果你用ajax調用,還可以傳遞自定義參數。下面的例子我就自定義了一個msg參數給了ajax調用

復制代碼 代碼如下:

//自定義參數msg
$.ajax({url:"test1.html",type:"get",msg:"頁面一"});
$.ajax({url:"test2.html",type:"get",msg:"頁面二"});
$.ajax({url:"test3.html",type:"get",msg:"頁面三"});
$.ajax({url:"test4.html",type:"get",msg:"頁面四"});
 
//這里就能獲取到自定義參數msg。
//這可以用來區別對待不同的ajax請求。
$("#msg").beforeSend(function(e,xhr,o) {
    $(this).html("正在請求"+o.msg);
}).ajaxSuccess(function(e,xhr,o) {
    $(this).html(o.msg+"請求成功");
}).ajaxError(function(e,xhr,o) {
    $(this).html(o.msg+"請求失敗");
});

最后對于load方法,還有話說。

其他的簡易ajax方法,比如get,post,getJSON等,他們的回調函數都是設置了success回調。

而只有load設置的其實是complete回調。

所以,load里設置的回調函數的參數應該有2個。

XMLHttpRequest和textStatus
但實際上也并非如此。
load的回調有三個參數
XMLHttpRequest.responseText, textStatus, XMLHttpRequest
所以,你可以在load的回調里
通過textStatus==”success”或者textStatus==”error”來判斷是否調用成功。
或者用XMLHttpRequest.status屬性判斷是200還是404或者其他的。

這點上,我認為比普通的get/post等方法更先進。如果要單數設置每get的error是不可能的。但是設置一個全局的ajaxError其實也是不錯的選擇。

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
亚洲香蕉成人av网站在线观看_欧美精品成人91久久久久久久_久久久久久久久久久亚洲_热久久视久久精品18亚洲精品_国产精自产拍久久久久久_亚洲色图国产精品_91精品国产网站_中文字幕欧美日韩精品_国产精品久久久久久亚洲调教_国产精品久久一区_性夜试看影院91社区_97在线观看视频国产_68精品久久久久久欧美_欧美精品在线观看_国产精品一区二区久久精品_欧美老女人bb
91久热免费在线视频| 国内精品久久久| 成人福利网站在线观看11| 精品国产区一区二区三区在线观看| 久久色免费在线视频| 91精品视频在线播放| 久久精品国产电影| 91热福利电影| 亚洲护士老师的毛茸茸最新章节| 国产亚洲人成a一在线v站| 欧美日韩国产麻豆| 亚洲精品91美女久久久久久久| 日韩国产精品亚洲а∨天堂免| 欧美高清视频一区二区| 国产视频亚洲视频| 国产精品日韩在线播放| 久久久久久久久亚洲| 日韩欧美亚洲成人| 亚洲第一区第一页| 亚洲中国色老太| 国产精品亚洲美女av网站| 国产精品激情av在线播放| 亚洲精品中文字幕av| 97碰在线观看| 亚洲一区美女视频在线观看免费| 日本不卡高字幕在线2019| 色综合久综合久久综合久鬼88| 国产99久久精品一区二区永久免费| 国产婷婷97碰碰久久人人蜜臀| 国产午夜精品视频免费不卡69堂| 亚洲精品国产精品国自产观看浪潮| 日韩欧美一区视频| 国产精品久久久久久av福利| 亚洲天天在线日亚洲洲精| 午夜伦理精品一区| 日韩欧美国产中文字幕| 欧美日韩精品国产| 久久久在线观看| 秋霞av国产精品一区| 欧美肥老太性生活视频| 国产精彩精品视频| 久久全球大尺度高清视频| 国产精品69久久| 久久夜色精品国产欧美乱| 久久免费国产精品1| 欧美激情国产日韩精品一区18| 国产亚洲精品激情久久| 欧美高清在线播放| 久久久免费在线观看| 精品国产网站地址| 久久久精品国产亚洲| 亚洲欧美色图片| 色小说视频一区| 日韩精品在线第一页| 亚洲精品美女在线观看| 日韩欧美高清在线视频| 韩国美女主播一区| 亚洲欧美另类中文字幕| 亚州国产精品久久久| 不用播放器成人网| 国产欧美精品日韩精品| 国产精品色视频| 8x海外华人永久免费日韩内陆视频| 欧美自拍视频在线| 国产精品视频播放| 青青久久aⅴ北条麻妃| 亚洲jizzjizz日本少妇| 久久露脸国产精品| 色综合色综合久久综合频道88| 久久久亚洲网站| 国产日韩欧美成人| 欧美尺度大的性做爰视频| 欧美人与物videos| 欧美成人三级视频网站| 亚洲国模精品私拍| 热久久免费国产视频| 亚洲欧美日韩精品久久奇米色影视| 欧美日韩精品在线视频| 国产精品视频久久久| 日本午夜精品理论片a级appf发布| www.xxxx欧美| 97国产一区二区精品久久呦| 另类专区欧美制服同性| 久久精品中文字幕电影| 日韩va亚洲va欧洲va国产| 久久精品成人欧美大片古装| 91欧美精品成人综合在线观看| 久久久精品日本| 国产日韩精品在线播放| 在线国产精品播放| 91精品国产综合久久男男| 欧美精品videosex极品1| 欧美电影免费播放| 奇米四色中文综合久久| 精品国产福利在线| 国内精品视频在线| 亚洲国产精品国自产拍av秋霞| 午夜精品福利在线观看| 91美女片黄在线观看游戏| 国内精品模特av私拍在线观看| 亚洲四色影视在线观看| 一区二区三区日韩在线| 人人做人人澡人人爽欧美| 欧美猛交ⅹxxx乱大交视频| 欧美日韩黄色大片| 亚洲福利视频网| 琪琪亚洲精品午夜在线| 国产99久久精品一区二区| 奇门遁甲1982国语版免费观看高清| 国产精品久久久久9999| 韩国美女主播一区| 久久99国产精品自在自在app| 欧美综合国产精品久久丁香| 成人在线观看视频网站| 日韩中文字幕免费视频| 国语自产精品视频在线看一大j8| 国产精品777| 欧美在线视频一区| xvideos国产精品| 亚洲欧美日韩国产成人| 91精品国产自产在线老师啪| 久久韩国免费视频| 91中文在线观看| 日韩欧美一区视频| 国产日韩欧美一二三区| 国产suv精品一区二区三区88区| 国产精品2018| 久久99国产精品自在自在app| 国产精品第七十二页| 久久天天躁狠狠躁夜夜躁2014| 欧美另类精品xxxx孕妇| 亚洲爱爱爱爱爱| 亚洲一区二区中文| 最近2019中文字幕在线高清| 国产精品老女人精品视频| 韩国美女主播一区| 亚洲天堂av在线播放| 伊人久久久久久久久久久| 九九久久久久久久久激情| 亚洲美女av在线| 中文字幕欧美精品日韩中文字幕| 亚洲一区二区久久| 国产亚洲成av人片在线观看桃| 色悠悠久久久久| 久久免费精品日本久久中文字幕| 久久精品一区中文字幕| 国产精品一区二区3区| 亚洲大胆人体av| 91成人精品网站| 亚洲成人久久电影| 亚洲国产成人精品女人久久久| 97在线视频免费看| 午夜免费久久久久| 亚洲字幕一区二区| 欧美一区二粉嫩精品国产一线天| 亚洲aa中文字幕| 国产一区二区精品丝袜| 国产欧美日韩中文字幕| 国产日韩精品一区二区| 日韩在线观看网站| 黄色91在线观看| 亚洲成人久久电影| 日韩精品视频在线观看免费| 亚州成人av在线|