首页 >web前端 >js教程 >如何检索和使用 XMLHttpRequest 的响应?

如何检索和使用 XMLHttpRequest 的响应?

Susan Sarandon
Susan Sarandon原创
2024-12-08 21:20:141049浏览

How Do I Retrieve and Use the Response from an XMLHttpRequest?

检索 XMLHttpRequest 响应

XMLHttpRequest 是一种基于浏览器的技术,允许您发出 HTTP 请求并异步检索响应。了解如何访问响应对于许多 Web 开发任务至关重要。

使用 XMLHttpRequest.responseText 获取响应

当 XMLHttpRequest 请求完成时(即 XMLHttpRequest .readyState 等于 XMLHttpRequest.DONE),您可以使用 XMLHttpRequest.responseText 访问响应的 HTML 内容。这包含所请求网站的 HTML。

用法示例:

加载并显示来自 http://foo.com 的 HTML 的警报/bar.php,可以使用以下代码:

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

跨浏览器兼容性

为了增强跨浏览器兼容性,请考虑使用 jQuery,它提供了一种更清晰、更简洁的方式来发出 AJAX 请求:

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

同源策略

不在本地主机上运行时,请记住 JavaScript 的同源策略。为了避免跨站点请求,您可能需要在您的域上创建代理脚本。

以上是如何检索和使用 XMLHttpRequest 的响应?的详细内容。更多信息请关注PHP中文网其他相关文章!

声明:
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn