Wie kann ich HTTP-Antwortinhalte mithilfe von XMLHttpRequest und jQuery abrufen?

HTTP-Antwortinhalte mit XMLHttpRequest abrufen

XMLHttpRequest ist ein leistungsstarkes Tool für asynchrone HTTP-Anfragen. Dadurch können Sie mühelos Remote-Inhalte in JavaScript-Variablen laden.

Zugriff auf die Antwort

Um den HTTP-Antwortinhalt zu erhalten, greifen Sie auf die XMLHttpRequest.responseText-Eigenschaft im XMLHttpRequest.onreadystatechange-Ereignishandler zu, wenn XMLHttpRequest.readyState gleich XMLHttpRequest.DONE.

Beispielimplementierung

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

Alternative mit jQuery

Für verbesserte browserübergreifende Kompatibilität und vereinfachte Verwendung bietet jQuery die Funktion $.get().

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

Cross-Origin-Richtlinie Überlegungen

Beachten Sie beim Zugriff auf Inhalte von einem anderen Ursprung die Same Origin Policy für JavaScript. Um diese Einschränkung zu umgehen, sollten Sie erwägen, ein Proxy-Skript auf Ihrer Domain zu erstellen.

Das obige ist der detaillierte Inhalt vonWie kann ich HTTP-Antwortinhalte mithilfe von XMLHttpRequest und jQuery abrufen?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!