能否全域攔截一個網頁上的所有AJAX請求？

全域攔截AJAX請求

問題：建立一個攔截所有AJAX請求的「鉤子」是否可行上製作，是在傳輸之前還是在其生命週期內？假設頁面上可能存在使用 jQuery 或其他框架的第三方腳本。

答案： 當然，您可以實作一個通用的鉤子，全域攔截任何 AJAX 請求而不中斷回調由第三方 AJAX 函式庫定義。以下是一個程式碼片段來示範：

<code class="javascript">(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);
    };
})();</code>

此程式碼修改 XMLHttpRequest 原型的 open 方法以偵聽 load 事件，該事件在 AJAX 請求成功完成時觸發。在此事件偵聽器中，您可以執行自訂操作，例如記錄請求和回應資訊、操作回應數據，甚至中止請求。

透過使用此方法，您可以掛鉤在無論使用什麼底層框架或庫，該頁面都提供一個用於監視、調試或與 AJAX 通信交互的中心點。

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