Heim > Web-Frontend > js-Tutorial > Wie kann ich die Antwort von einer XMLHttpRequest abrufen und verwenden?

Wie kann ich die Antwort von einer XMLHttpRequest abrufen und verwenden?

Susan Sarandon
Freigeben: 2024-12-08 21:20:14
Original
999 Leute haben es durchsucht

How Do I Retrieve and Use the Response from an XMLHttpRequest?

XMLHttpRequest-Antwort abrufen

XMLHttpRequest ist eine browserbasierte Technologie, mit der Sie HTTP-Anfragen stellen und Antworten asynchron abrufen können. Zu verstehen, wie man auf die Antwort zugreift, kann für viele Webentwicklungsaufgaben von entscheidender Bedeutung sein.

Erhalten der Antwort mit XMLHttpRequest.responseText

Wenn eine XMLHttpRequest-Anfrage abgeschlossen ist (d. h. XMLHttpRequest .readyState entspricht XMLHttpRequest.DONE), können Sie auf den HTML-Inhalt der Antwort zugreifen unter Verwendung von XMLHttpRequest.responseText. Enthält den HTML-Code der aufgerufenen Website, wie angefordert.

Beispielverwendung:

Zum Laden und Anzeigen einer Warnung mit dem HTML von http://foo.com /bar.php können Sie den folgenden Code verwenden:

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);
Nach dem Login kopieren

Cross-Browser Kompatibilität

Für eine verbesserte Cross-Browser-Kompatibilität sollten Sie die Verwendung von jQuery in Betracht ziehen, das eine sauberere und präzisere Möglichkeit bietet, AJAX-Anfragen zu stellen:

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

Same Origin Policy

Wenn Sie nicht auf localhost laufen, beachten Sie die Same Origin Policy für JavaScript. Um standortübergreifende Anfragen zu vermeiden, müssen Sie möglicherweise ein Proxy-Skript auf Ihrer Domain erstellen.

Das obige ist der detaillierte Inhalt vonWie kann ich die Antwort von einer XMLHttpRequest abrufen und verwenden?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Neueste Artikel des Autors
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage