javascript - 跟踪 XMLHTTPRequest 结果

Question

我有一个由许多模块构建的系统，这些模块使用 AJAX 进行 POST 和 GET 操作。如果我监控这些请求的结果，我就可以知道系统是否响应 - 即浏览器是否仍然连接到 IP 源。

我可以在 jQuery 的 AJAX .fail() 中手动注入(inject)一些回调方法。我实际上已经这样做了，但它很容易忘记，并且添加了很多额外的代码，因为该系统的所有内容都需要 AJAX。

我看到这段有趣的代码来拦截 XMLHTTPRequest open 原型(prototype)方法

(function(open) {
    XMLHttpRequest.prototype.open = function() {
        this.addEventListener("readystatechange", function() {
            console.log(this.readyState);
        }, false);
        open.apply(this, arguments);
    };
})(XMLHttpRequest.prototype.open);

我查了一下api，https://developer.mozilla.org/en-US/docs/Web/API/XMLHttpRequest ，但我没有找到可以拦截成功/失败/超时请求的地方。这可能吗？

Answer 1

这一切都是为了监听适当的事件，它们出现在链接左侧边栏中的“事件”下。

也就是说，我会考虑使用/汲取 zone.js 的一些灵感。 .

A Zone is an execution context that persists across async tasks. You can think of it as thread-local storage for JavaScript VMs.