Comment récupérer et afficher les données de réponse HTML à partir d'un XMLHttpRequest ?

Récupération des données de réponse à partir de XMLHttpRequest

Dans le développement Web, XMLHttpRequest permet une communication de données asynchrone entre une page Web et un serveur distant. Une tâche courante consiste à récupérer le contenu HTML d'une URL distante dans une variable JavaScript.

Obtenir la réponse HTML

Pour accéder au HTML du site consulté, utilisez XMLHttpRequest .responseText dans le gestionnaire d'événements XMLHttpRequest.onreadystatechange. Voici un exemple :

<br>var xhr = new XMLHttpRequest();<br>xhr.onreadystatechange = function() {<br> if (xhr.readyState === XMLHttpRequest.DONE ) {</p>
<pre class="brush:php;toolbar:false">alert(xhr.responseText);

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

Cross-Browser Compatibilité

Pour une compatibilité plus large avec les navigateurs, pensez à utiliser jQuery :

<br>$.get('http://foo.com/bar.php', fonction (texte de réponse) {<br> alert(responseText);<br>});<br>

Considérations relatives à la politique de même origine

Notez que la politique de même origine pour JavaScript restreint l'accès aux données provenant d'une origine différente, sauf si des mesures supplémentaires sont prises, telles que la création d'un script proxy sur votre propre 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!