如何使用 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中文网其他相关文章！