javascript - 如何获得 XMLHttpRequest 的响应？

Question

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

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

Answer 1

您可以通过 XMLHttpRequest.responseText 获取在 XMLHttpRequest.onreadystatechange当 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);
});

请注意，您必须使用 Same origin policy for JavaScript不在本地主机上运行时考虑。您可能需要考虑在您的域中创建一个代理脚本。