监听服务响应 JavaScript

背景

我正在为网页制作 Chrome 扩展程序。在此网页中，我需要捕获用户发出 POST 请求时服务器发送的响应。

目前，我们使用观察者模式来检查 HTML 页面上的更改，但这很笨拙并且会触发多次。

客观的

我需要捕获该响应，相应地解析其信息，然后基于它通过更改（向某些表格添加一些颜色、添加附加信息等）对页面的 HTML 执行一些操作。

Problem

我的问题是，我不知道有任何 JavaScript 库或纯方法可以让我监听服务器响应，以便我可以解析它们。

我尝试过的

我尝试过 JavaScriptEventSource，但是要使其工作，我需要在服务器中拥有特定的代码，但这不是一个选项。

另一个研究场所是我自己使用XHMLRequest，但随后我必须在页面上的每个按钮上都有一个侦听器，以便我可以停止其默认操作并通过我的代码执行它，这听起来也不太好。

问题

1. 是否有任何 JavaScript 工具可以让我检查服务器响应并处理它们？

像这样的事情怎么样？

(function(open) {
    XMLHttpRequest.prototype.open = function(m, u, a, us, p) {
        this.addEventListener('readystatechange', function() {
            console.log(this.response);
        }, false);

        open.call(this, m, u, a, us, p);
    };
})(XMLHttpRequest.prototype.open)

您可以覆盖 open 函数，然后执行任何您想要的响应。