如何拦截不同 JS 库发出的所有 AJAX 请求

我正在构建一个具有不同JS库（AngularJS，OpenLayers,...）的Web应用程序，并且需要一种方法来拦截所有AJAX响应，以便在记录的用户会话过期的情况下（响应返回状态）能够将他重定向到登录页面。401 Unauthorized

我知道AngularJS提供了管理此类场景的功能，但无法找到一种方法来实现对OpenLayers请求的这种注入。所以我选择了一种普通的JS方法。interceptors

这里我发现这段代码...

(function(open) {

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

        this.addEventListener("readystatechange", function() {
            console.log(this.readyState); // this one I changed
        }, false);

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

})(XMLHttpRequest.prototype.open);

...我适应了它，看起来它的行为符合预期（仅在最后一个谷歌浏览器上进行了测试）。

当它修改XMLHTTPRequest的原型时，我想知道这可能导致多大的危险，或者它是否会产生严重的性能问题。顺便说一句，会有什么有效的替代方案吗？

更新：如何在发送请求之前拦截请求

前面的技巧工作正常。但是，如果在同一场景中，您希望在发送请求之前注入一些标头，该怎么办？请执行下列操作：

(function(send) {

    XMLHttpRequest.prototype.send = function(data) {

        // in this case I'm injecting an access token (eg. accessToken) in the request headers before it gets sent
        if(accessToken) this.setRequestHeader('x-access-token', accessToken);

        send.call(this, data);
    };

})(XMLHttpRequest.prototype.send);