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

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

Susan Sarandon
发布: 2024-12-08 21:20:14
原创
999 人浏览过

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中文网其他相关文章!

来源:php.cn
本站声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
作者最新文章
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板