首页 > web前端 > js教程 > 如何使用 XMLHttpRequest 获取远程 HTML 并将其存储在 JavaScript 变量中?

如何使用 XMLHttpRequest 获取远程 HTML 并将其存储在 JavaScript 变量中?

Barbara Streisand
发布: 2024-11-22 13:32:12
原创
341 人浏览过

How Can I Use XMLHttpRequest to Get and Store Remote HTML in a JavaScript Variable?

获取 XMLHttpRequest 的响应

XMLHttpRequest 是一个用于将远程内容加载到 JavaScript 变量中的多功能工具。要检索特定 URL 的 HTML 内容,请按照以下步骤操作:

问题陈述:

如何使用 JS 变量存储远程站点的 HTML XMLHttpRequest?

解决方案:

XMLHttpRequest.onreadystatechange 中的 XMLHttpRequest.responseText,当 XMLHttpRequest.readyState 等于 XMLHttpRequest.DONE 时触发,包含 HTML

示例:

var xhr = new XMLHttpRequest();
xhr.onreadystatechange = function() {
    if (xhr.readyState == XMLHttpRequest.DONE) {
        alert(xhr.responseText);
    }
}
xhr.open('GET', 'http://example.com', true);
xhr.send(null);
登录后复制

跨浏览器兼容性:

为了增强跨浏览器兼容性,您可以利用jQuery:

$.get('http://example.com', function(responseText) {
    alert(responseText);
});
登录后复制

同源策略:

请注意,JavaScript 的同源策略限制跨源请求。考虑在您的域上创建代理脚本来绕过此限制。

以上是如何使用 XMLHttpRequest 获取远程 HTML 并将其存储在 JavaScript 变量中?的详细内容。更多信息请关注PHP中文网其他相关文章!

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