Comment puis-je récupérer le contenu de la réponse HTTP à l'aide de XMLHttpRequest et jQuery ?

Récupération du contenu de la réponse HTTP avec XMLHttpRequest

XMLHttpRequest est un outil puissant pour les requêtes HTTP asynchrones. En l'utilisant, vous pouvez facilement charger du contenu distant dans des variables JavaScript.

Accès à la réponse

Pour obtenir le contenu de la réponse HTTP, accédez à la propriété XMLHttpRequest.responseText dans le gestionnaire d'événements XMLHttpRequest.onreadystatechange lorsque XMLHttpRequest.readyState est égal à XMLHttpRequest.DONE.

Exemple d'implémentation

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

Alternative avec jQuery

Pour une compatibilité multi-navigateurs améliorée et une utilisation simplifiée, jQuery propose la fonction $.get().

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

Considérations relatives aux règles d'origine croisée

Lors de l'accès au contenu provenant d'une origine différente, n'oubliez pas la politique de même origine pour JavaScript. Pour contourner cette restriction, pensez à 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!