Heim > Web-Frontend > js-Tutorial > Wie rufe ich Daten aus einer XMLHttpRequest-Antwort ab?

Wie rufe ich Daten aus einer XMLHttpRequest-Antwort ab?

Patricia Arquette
Freigeben: 2024-12-03 12:25:13
Original
436 Leute haben es durchsucht

How Do I Retrieve Data from an XMLHttpRequest Response?

So rufen Sie XMLHttpRequest-Antwortdaten ab

XMLHttpRequest bietet eine Möglichkeit, Daten von Remote-URLs über JavaScript zu laden und zu bearbeiten. Damit können Sie den HTML-Inhalt einer Website abrufen und zur weiteren Verarbeitung in einer Variablen speichern.

Um dies zu erreichen, führen Sie die folgenden Schritte aus:

  1. Erstellen ein XMLHttpRequest-Objekt:

    var xhr = new XMLHttpRequest();
    Nach dem Login kopieren
  2. Definieren Sie einen Ereignis-Listener für den onreadystatechange Ereignis, das ausgelöst wird, wenn sich der Status der Anfrage ändert.

    xhr.onreadystatechange = function() { ... };
    Nach dem Login kopieren
  3. Überprüfen Sie im Ereignis-Listener, ob die Anfrage abgeschlossen wurde (XMLHttpRequest.DONE) und rufen Sie den Antworttext mit xhr ab. AntwortText.

    if (xhr.readyState == XMLHttpRequest.DONE) {
        alert(xhr.responseText);
    }
    Nach dem Login kopieren
  4. Senden Sie eine HTTP-GET-Anfrage an die gewünschte URL:

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

Beachten Sie, dass die browserübergreifende Kompatibilität durch die Verwendung einer Bibliothek wie jQuery verbessert werden kann, was den Prozess vereinfacht und browserspezifische Probleme berücksichtigt:

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

Beachten Sie die Same Origin Policy für JavaScript, die Cross-Origin-Anfragen einschränkt. Erwägen Sie die Verwendung eines Proxy-Skripts, um diese Einschränkung zu umgehen.

Das obige ist der detaillierte Inhalt vonWie rufe ich Daten aus einer XMLHttpRequest-Antwort ab?. 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