Bagaimanakah saya boleh memintas permintaan AJAX pada halaman web untuk tindakan tersuai?

Cara Menghubungi Permintaan AJAX pada Halaman Web

Memintas permintaan AJAX pada halaman web membolehkan pembangun melakukan tindakan tersuai sebelum menghantar permintaan atau memproses respons daripada pelayan . Ini boleh berguna untuk mengelog, mengubah suai permintaan atau meningkatkan keselamatan.

Menggunakan Pendengar Acara

Satu pendekatan untuk menyambung permintaan AJAX ialah menggunakan pendengar acara. Dengan melampirkan pendengar acara pada objek XMLHttpRequest, pembangun boleh menangkap peristiwa seperti "muat" dan "readystatechange" dan melakukan tindakan berdasarkan status permintaan. Coretan kod berikut menunjukkan cara menambah pendengar acara untuk memantau semua permintaan AJAX:

(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);
    };
})();

Dalam kod ini, kaedah open() prototaip XMLHttpRequest ditindih untuk melampirkan pendengar acara beban pada setiap permintaan . Apabila permintaan AJAX dimulakan, acara muatkan akan dicetuskan dan fungsi panggil balik yang ditentukan akan dilaksanakan.

Dengan menggunakan pendengar acara, pembangun boleh melakukan pelbagai tindakan berdasarkan jenis acara. Contohnya, mereka boleh log butiran permintaan, mengubah suai pengepala permintaan atau memproses data respons.

Nota Keserasian

Pendekatan pendengar acara disokong oleh kebanyakan moden penyemak imbas, termasuk Chrome, Firefox dan Edge. Walau bagaimanapun, ia mungkin tidak berfungsi dengan betul dalam versi lama Internet Explorer (IE) dan ia tidak menyokong permintaan API pengambilan asli.

Atas ialah kandungan terperinci Bagaimanakah saya boleh memintas permintaan AJAX pada halaman web untuk tindakan tersuai?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!