Wie kann ich HTML-Antwortdaten aus einer XMLHttpRequest abrufen und anzeigen?

Antwortdaten von XMLHttpRequest abrufen

In der Webentwicklung ermöglicht XMLHttpRequest die asynchrone Datenkommunikation zwischen einer Webseite und einem Remote-Server. Eine häufige Aufgabe ist das Abrufen des HTML-Inhalts einer Remote-URL in eine JavaScript-Variable.

Antwort-HTML abrufen

Um auf den HTML-Inhalt der aufgerufenen Site zuzugreifen, verwenden Sie XMLHttpRequest .responseText im XMLHttpRequest.onreadystatechange-Ereignishandler. Hier ist ein Beispiel:

<br>var xhr = new XMLHttpRequest();<br>xhr.onreadystatechange = function() {<br> if (xhr.readyState === XMLHttpRequest.DONE ) {</p>
<div class="code" style="position:relative; padding:0px; margin:0px;"><pre class="brush:php;toolbar:false">alert(xhr.responseText);

Nach dem Login kopieren

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

Cross-Browser Kompatibilität

Für eine breitere Browserkompatibilität sollten Sie die Verwendung von jQuery in Betracht ziehen:

<br>$.get('http://foo.com/bar.php', function(responseText) {<br> warning(responseText);<br>});<br>

Überlegungen zur Same-Origin-Richtlinie

Beachten Sie, dass die Same-Origin-Richtlinie für JavaScript schränkt den Zugriff auf Daten anderer Herkunft ein, es sei denn, es werden zusätzliche Maßnahmen ergriffen, wie z. B. die Erstellung eines Proxy-Skripts auf Ihrer eigenen Domain.

Das obige ist der detaillierte Inhalt vonWie kann ich HTML-Antwortdaten aus einer XMLHttpRequest abrufen und anzeigen?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!