Ich möchte wissen, wie man XMLHttpRequest verwendet, um den Inhalt einer Remote-URL zu laden und den HTML-Code der Site, auf die zugegriffen wird, in einer JS-Variablen zu speichern.
Angenommen, wenn ich den HTML- Code von http://foo.com/bar.php laden und alarmieren möchte () , wie würde ich das tun?
javascript
xmlhttprequest
Rohan
quelle
quelle
Antworten:
Sie können es
XMLHttpRequest.responseText
in bekommen,XMLHttpRequest.onreadystatechange
wennXMLHttpRequest.readyState
gleich istXMLHttpRequest.DONE
.Hier ist ein Beispiel (nicht kompatibel mit IE6 / 7).
Für eine bessere Crossbrowser-Kompatibilität, nicht nur mit IE6 / 7, sondern auch zur Abdeckung einiger browserspezifischer Speicherlecks oder -fehler und für eine geringere Ausführlichkeit beim Auslösen ajaxischer Anforderungen, können Sie jQuery verwenden .
Beachten Sie, dass Sie die gleiche Ursprungsrichtlinie für JavaScript berücksichtigen müssen, wenn Sie nicht bei localhost ausgeführt werden. Möglicherweise möchten Sie ein Proxy-Skript in Ihrer Domain erstellen.
quelle
Ich würde vorschlagen, nachzuschauen
fetch
. Es ist das ES5-Äquivalent und verwendet Versprechen. Es ist viel besser lesbar und leicht anpassbar.In Node.js müssen Sie Folgendes importieren
fetch
:Wenn Sie es synchron verwenden möchten (funktioniert nicht im oberen Bereich):
Mehr Info:
Mozilla-Dokumentation
Kann ich verwenden (94% Okt 2019)
Matt Walsh Tutorial
quelle
Die einfache Art,
XMLHttpRequest
mit zu verwendenpure JavaScript
. Sie können festlegen,custom header
aber es wird optional verwendet, je nach Anforderung.1. Verwenden der POST-Methode:
Sie können Parameter mit der POST-Methode senden.
2. Verwenden der GET-Methode:
Bitte führen Sie das folgende Beispiel aus und Sie erhalten eine JSON- Antwort.
quelle
Bei
XMLHttpRequest
Verwendung vonXMLHttpRequest.responseText
kann die Ausnahme wie unten ausgelöst werdenDer beste Weg, um auf die Antwort von XHR wie folgt zuzugreifen
quelle