我想知道如何使用 XMLHttpRequest 加载远程 URL 的内容并将访问站点的 HTML 存储在 JS 变量中。
比如说,如果我想加载和 alert() http://foo.com/bar.php的 HTML,我该怎么做?
你可以通过XMLHttpRequest.responseTextwhen XMLHttpRequest.onreadystatechangeequals XMLHttpRequest.readyStateto得到它XMLHttpRequest.DONE。
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); });
请注意,当不在本地主机上运行时,您必须考虑JavaScript 的同源策略。您可能需要考虑在您的域中创建代理脚本。