Comment récupérer des données à partir d'une réponse XMLHttpRequest ?

Comment récupérer les données de réponse XMLHttpRequest

XMLHttpRequest fournit un moyen de charger et de manipuler des données à partir d'URL distantes via JavaScript. Avec lui, vous pouvez obtenir le contenu HTML d'un site Web et le stocker dans une variable pour un traitement ultérieur.

Pour y parvenir, exécutez les étapes suivantes :

1. Créer un objet XMLHttpRequest :

   var xhr = new XMLHttpRequest();

2. Définissez un écouteur d'événement pour l'événement onreadystatechange, qui est déclenché lorsque l'état de la requête change.

   xhr.onreadystatechange = function() { ... };

3. Dans l'écouteur d'événement, vérifiez si la requête est terminée (XMLHttpRequest.DONE) et récupérez le texte de la réponse à l'aide de xhr.responseText.

   if (xhr.readyState == XMLHttpRequest.DONE) {
       alert(xhr.responseText);
   }

4. Envoyer une requête HTTP GET à l'adresse souhaitée URL :

   xhr.open('GET', 'http://foo.com/bar.php', true);
   xhr.send(null);

Notez que la compatibilité entre navigateurs peut être améliorée en utilisant une bibliothèque comme jQuery, qui simplifie le processus et prend en compte les problèmes spécifiques au navigateur :

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

Gardez à l'esprit la politique de même origine pour JavaScript, qui restreint les requêtes d'origine croisée. Pensez à utiliser un script proxy pour surmonter cette limitation.

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!