如何攔截網頁上的所有 AJAX 請求？

掛鉤頁面上的所有 AJAX 請求

修改 AJAX 請求以執行其他操作對於調試、分析或其他目的至關重要。然而，由於頁面上有多個第三方腳本使用不同的 AJAX 庫，因此攔截所有這些腳本似乎具有挑戰性。

攔截 AJAX 請求

監控每個 AJAX請求時，您可以使用 XMLHttpRequest 物件。這是一個強大的解決方案，甚至可以與多個程式庫一起使用：

(function() {
    var origOpen = XMLHttpRequest.prototype.open;
    XMLHttpRequest.prototype.open = function() {
        console.log('request started!');
        this.addEventListener('load', function() {
            console.log('request completed!');
            console.log(this.readyState); //will always be 4 (ajax is completed successfully)
            console.log(this.responseText); //whatever the response was
        });
        origOpen.apply(this, arguments);
    };
})();

此程式碼重寫 XMLHttpRequest 的 open 方法來註冊載入事件的事件偵聽器。當發起請求時，它會記錄開始時間。請求完成後，它會記錄結束時間、就緒狀態和回應文字。

注意： 請記住，此方法不適用於本機擷取要求。不過，如果有必要，您可以採用類似的代理程式方法進行 fetch。

以上是如何攔截網頁上的所有 AJAX 請求？的詳細內容。更多資訊請關注PHP中文網其他相關文章！