Pouvez-vous intercepter toutes les requêtes AJAX sur une page Web à l'échelle mondiale ?

Intercepter les requêtes AJAX à l'échelle mondiale

Question : Est-il possible d'établir un "hook" qui intercepte toutes les requêtes AJAX réalisés sur une page web, soit avant leur transmission, soit pendant leur cycle de vie ? Il est supposé que des scripts tiers utilisant jQuery ou d'autres frameworks peuvent exister sur la page.

Réponse : Absolument, vous pouvez implémenter un hook générique qui intercepte globalement toute requête AJAX sans perturber les rappels défini par des bibliothèques AJAX tierces. Voici un extrait de code à démontrer :

<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>

Ce code modifie la méthode open du prototype XMLHttpRequest pour écouter l'événement de chargement, qui est déclenché lorsqu'une requête AJAX est terminée avec succès. Dans cet écouteur d'événements, vous pouvez effectuer des actions personnalisées, telles que la journalisation des informations de demande et de réponse, la manipulation des données de réponse ou même l'abandon de la demande.

En utilisant cette approche, vous pouvez vous connecter à toutes les requêtes AJAX effectuées sur la page, quel que soit le framework ou la bibliothèque sous-jacente utilisée, fournissant un point central pour la surveillance, le débogage ou l'interaction avec les communications AJAX.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!