Wie kann ich XMLHttpRequest verwenden, um Remote-HTML in einer JavaScript-Variablen abzurufen und zu speichern?

Erhalten der Antwort von XMLHttpRequest

XMLHttpRequest ist ein vielseitiges Tool zum Laden von Remote-Inhalten in eine JavaScript-Variable. Um den HTML-Inhalt einer bestimmten URL abzurufen, führen Sie die folgenden Schritte aus:

Problemstellung:

Wie speichert man den HTML-Inhalt einer Remote-Site in einer JS-Variablen mit XMLHttpRequest?

Lösung:

XMLHttpRequest.responseText in XMLHttpRequest.onreadystatechange, ausgelöst, wenn XMLHttpRequest.readyState gleich XMLHttpRequest.DONE ist, enthält den HTML-Code Antwort.

Beispiel:

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

Browserübergreifende Kompatibilität:

Für eine verbesserte browserübergreifende Kompatibilität kann jQuery nutzen:

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

Same Origin Richtlinie:

Beachten Sie, dass die Same Origin Policy für JavaScript ursprungsübergreifende Anfragen einschränkt. Erwägen Sie die Erstellung eines Proxy-Skripts in Ihrer Domain, um diese Einschränkung zu umgehen.

Das obige ist der detaillierte Inhalt vonWie kann ich XMLHttpRequest verwenden, um Remote-HTML in einer JavaScript-Variablen abzurufen und zu speichern?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!