Comment récupérer et utiliser la réponse d'un XMLHttpRequest ?

Récupération de la réponse XMLHttpRequest

XMLHttpRequest est une technologie basée sur un navigateur qui vous permet d'effectuer des requêtes HTTP et de récupérer des réponses de manière asynchrone. Comprendre comment accéder à la réponse peut être crucial pour de nombreuses tâches de développement Web.

Obtenir la réponse avec XMLHttpRequest.responseText

Lorsqu'une requête XMLHttpRequest est terminée (c'est-à-dire, XMLHttpRequest .readyState est égal à XMLHttpRequest.DONE), vous pouvez accéder au contenu HTML de la réponse en utilisant XMLHttpRequest.responseText. Celui-ci contient le HTML du site consulté, comme demandé.

Exemple d'utilisation :

Pour charger et afficher une alerte avec le HTML de http://foo.com /bar.php, vous pouvez utiliser le code suivant :

var xhr = new XMLHttpRequest();
xhr.onreadystatechange = function() {
    if (xhr.readyState == 4) {
        alert(xhr.responseText);
    }
}
xhr.open('GET', 'http://foo.com/bar.php', true);
xhr.send(null);

Cross-Browser Compatibilité

Pour une compatibilité améliorée entre navigateurs, pensez à utiliser jQuery, qui fournit un moyen plus propre et plus concis d'effectuer des requêtes AJAX :

$.get('http://example.com', function(responseText) {
    alert(responseText);
});

Politique de même origine

Lorsque vous n'exécutez pas sur localhost, gardez à l'esprit la politique de même origine pour JavaScript. Pour éviter les requêtes cross-site, vous devrez peut-être créer un script proxy sur votre domaine.

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!