Vanilla JavaScript ajaxStop（）

Question

有沒有人知道如何在沒有jQuery開銷的情況下使用ajaxStop（）的功能？我試過在jQuery的GitHub頁面上查看源代碼，但我無法找到它或知道要查看哪些文件。

Answer 1

你可以攔截每個ajax調用並自己跟蹤它。這應該給你一個想法：

var interceptor = (function(open) { 

    var activeXhr = []; 

    XMLHttpRequest.prototype.open = function(method, url, async, user, pass) { 

     this.addEventListener('readystatechange', function() { 

      switch(this.readyState){ 

       case 1: // opened request 
        activeXhr.push(this); 
        break; 

       case 4: // request done 
        var i = activeXhr.indexOf(this); 

        if(i > -1) 
         activeXhr.splice(i, 1); // remove finished request 

        if(!activeXhr.length) // if all requests are done 
         console.log('ajax stop'); 

        break; 
      } 

     }, false); 

     open.call(this, method, url, async, user, pass); 
    }; 

})(XMLHttpRequest.prototype.open); 

$.ajax({ url: '/echo/json/', data: { delay: 1 } }); 
$.ajax({ url: '/echo/json/', data: { delay: 2 } }); 
$.ajax({ url: '/echo/json/', data: { delay: 3 } }); 

http://jsfiddle.net/saR2a/