如何获取XMLHttpRequest的响应？

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

比如说，如果我想加载并alert() HTMLhttp://foo.com/bar.php，我该怎么做？

你可以通过以下方式获取XMLHttpRequest.responseText in XMLHttpRequest.onreadystatechange when XMLHttpRequest.readyState等于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 的同源策略不在本地主机上运行时考虑在内。您可能需要考虑在您的域中创建代理脚本。