javascript - 是否可以监听所有 Ajax 调用？

Question

我需要的是在收到错误 401(未授权)响应时重定向到某个 url。我的代码中有几个 Ajax 调用，所以我想知道是否有一种通用的方法来监听所有这些调用，并且只有在返回该代码时才重定向到该 url？

我想在所有页面中包含此代码，以便在收到它时重定向，而无需编辑代码中的所有 AJAX 调用。

编辑:基本上其他答案不会解释确切的模式

这样做很简单:

<script>
    $(document).ajaxComplete(function(response, a){
        if(a.status == 401){
            return window.location.href = '/whatever/url/you/want';
        }
    });
</script>

提前致谢

Answer 1

这个答案为您的问题提供了最佳答案:

Add a "hook" to all AJAX requests on a page

此代码(根据上面的答案略作修改)说明了如何从开始到结束拦截 ajax 调用:

(function() {
    var origOpen = XMLHttpRequest.prototype.open;
    XMLHttpRequest.prototype.open = function() {
        console.log('request started!');
        this.addEventListener('load', function() {
            console.log('request completed!');
            console.log("Server status code: ", this.status); 
            console.log("Ready state: ", this.readyState); 
            console.log("Server response:", this.responseText);
        });
        origOpen.apply(this, arguments);
    };
})();

什么是就绪状态: https://developer.mozilla.org/en-US/docs/Web/API/XMLHttpRequest/readyState