javascript - 将页面内容加载到变量

Question

美好的一天。

我从来没有真正掌握过 JavaScript，因此提出了这个不寻常且简单的问题。

如何使用最少的代码、无需框架以及对性能影响较小的方式将页面内容加载到 JavaScript 变量？

谢谢。

<小时/>

编辑

对不起各位。忘了说了:从指定的url获取页面内容到一个JS var。

<小时/>

正在关注 Brendan Suggestion

我已经在其他地方看到过 Brendan 的替代方案并尝试过，但当时不起作用，现在也不起作用。同时 Firebug 和测试的浏览器(IE8 和 FF)没有报告任何错误。那么出了什么问题？

Answer 1

这是示例的修改版本，您可以在 w3schools.com 找到该示例。 .

<script type="text/javascript">
    function loadXMLDoc(theURL)
    {
        if (window.XMLHttpRequest)
        {// code for IE7+, Firefox, Chrome, Opera, Safari, SeaMonkey
            xmlhttp=new XMLHttpRequest();
        }
        else
        {// code for IE6, IE5
            xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
        }
        xmlhttp.onreadystatechange=function()
        {
            if (xmlhttp.readyState==4 && xmlhttp.status==200)
            {
                alert(xmlhttp.responseText);
            }
        }
        xmlhttp.open("GET", theURL, false);
        xmlhttp.send();
    }
</script>

因此，只需将“example.html”设置为要加载的页面的任何类型的路径(相对或绝对)，并且 xmlhttp.responseText 将是包含响应内容的字符串。如果您希望将其存储为可遍历的 XML 文档，您还可以使用 xmlhttp.responseXML。不管怎样，只需将其中任何一个分配给您选择的变量，您就会拥有它!

请注意，“loadXMLDoc”不直接返回任何内容，而是定义其成员之一(“onreadystatechange”)来完成该工作，并且仅在特定条件(readyState 和 status)下才执行此操作。结论 - 不要将此函数的输出分配给任何变量。而是做类似的事情:

var xmlhttp=false;
loadXMLDoc('http://myhost/mycontent.htmlpart');
if(xmlhttp==false){ /* set timeout or alert() */ }
else { /* assign `xmlhttp.responseText` to some var */ }

没有它，人们只能看到“未定义”......