【JQ】Ajax的觸發事件

以下是當Ajax請求開始後所觸發的全球/區域事件(順序)

1. ajaxStart (Global Event)
2. beforeSend (Local Event)
3. ajaxSend (Global Event)
4. success (Local Event)
5. ajaxSuccess (Global Event)
6. error (Local Event)
7. ajaxError (Global Event)
8. complete (Local Event)
9. ajaxComplete (Global Event)
10. ajaxStop (Global Event)

Local 事件

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

Global 事件

$(document).bind("ajaxSend", function(){
   // ......
}).bind("ajaxComplete", function(){
   // ......
});

/**OR**/

$(document).ajaxStart(function () {
   // ......
}).ajaxStop(function () {
   // ......
});

Global 事件禁用

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

範例-Ajax 讀取中

$.ajax({
   beforeSend: function(){
      $("#loading_msg").text("庫存讀取中...");
   },
   complete: function(){
      $("#loading_msg").text("");
   }
   // ......
});

/**OR**/

$(document).ajaxStart(function () {
   $("#loading_msg").text("庫存讀取中...");
}).ajaxStop(function () {
   $("#loading_msg").text("");
});