如何使用 XMLHttpRequest 和 jQuery 檢索 HTTP 回應內容？

使用 XMLHttpRequest 擷取 HTTP 回應內容

XMLHttpRequest 是非同步 HTTP 請求的強大工具。透過利用它，您可以輕鬆地將遠端內容載入到 JavaScript 變數中。

存取回應

要取得 HTTP 回應內容，請在下列情況下存取 XMLHttpRequest.onreadystatechange 事件處理程序中的 XMLHttpRequest.responseText 屬性： XMLHttpRequest.readyState 等於 XMLHttpRequest.DONE。

範例實作

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);

取代 jQuery

為了增強跨瀏覽器相容性和簡化使用，jQuery 提供了 $.get() 函數。

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

跨瀏覽器來源策略注意事項

從不同來源存取內容時，請記住 JavaScript 的同源策略。若要繞過此限制，請考慮在您的網域上建立代理腳本。

以上是如何使用 XMLHttpRequest 和 jQuery 檢索 HTTP 回應內容？的詳細內容。更多資訊請關注PHP中文網其他相關文章！