小编典典

如何获得 XMLHttpRequest 的响应?

all

我想知道如何使用 XMLHttpRequest 加载远程 URL 的内容并将访问站点的 HTML 存储在 JS 变量中。

比如说,如果我想加载和 alert() http://foo.com/bar.php
HTML,我该怎么做?


阅读 72

收藏
2022-06-10

共1个答案

小编典典

你可以通过XMLHttpRequest.responseTextwhen
XMLHttpRequest.onreadystatechangeequals
XMLHttpRequest.readyStateto得到它XMLHttpRequest.DONE

这是一个示例(与 IE6/7 不兼容)。

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);

为了更好的跨浏览器兼容性,不仅是与 IE6/7,还包括一些特定于浏览器的内存泄漏或错误,以及在触发 ajaxical
请求时减少冗长,您可以使用jQuery

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

请注意,当不在本地主机上运行时,您必须考虑JavaScript 的同源策略。您可能需要考虑在您的域中创建代理脚本。

2022-06-10