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

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

Barbara Streisand
Barbara Streisand原创
2024-11-22 13:32:12378浏览

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

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