JavaScript：检测AJAX请求

Z时代
2024-01-10
分类：问答

是否可以通过通用JavaScript（而不是框架）检测网页上的全局AJAX调用（尤其是响应）？

我已经在StackOverflow上审查了“JavaScript检测到AJAX事件 ”

的问题，并尝试将接受的答案的代码修补到我的应用程序中，但是没有用。之前，我从未使用AJAX做任何事情，我还不足以对其进行修改以使其正常工作。

我不需要任何花哨的东西，我只需要检测所有（特定的，实际上，但是我必须先检测所有的AJAX响应，然后将它们修补到IF语句中才能使用）。所以，最终，我想要这样的东西：

if (ajax.response == "certainResponseType"){
    //Code
}

，例如。

看来我应该澄清一下，我不是在尝试发送请求-我正在开发内容脚本，并且我需要能够检测

网页的AJAX请求（不是我自己的请求），因此我可以执行检测到响应时起作用。

回答：

以下是一些代码（通过粘贴到Chrome31.0.1650.63的控制台中进行测试），用于捕获和记录或以其他方式处理ajax请求及其响应：

(function() {
    var proxied = window.XMLHttpRequest.prototype.send;
    window.XMLHttpRequest.prototype.send = function() {
        console.log( arguments );
        //Here is where you can add any code to process the request. 
        //If you want to pass the Ajax request object, pass the 'pointer' below
        var pointer = this
        var intervalId = window.setInterval(function(){
                if(pointer.readyState != 4){
                        return;
                }
                console.log( pointer.responseText );
                //Here is where you can add any code to process the response.
                //If you want to pass the Ajax request object, pass the 'pointer' below
                clearInterval(intervalId);
        }, 1);//I found a delay of 1 to be sufficient, modify it as you need.
        return proxied.apply(this, [].slice.call(arguments));
    };
})();