javascript - 使用 JS 加载 HTML 文件

Question

我正在学习有关使用 Javascript 加载文件的教程。我已按照教程进行操作，但没有加载任何文件。这是我的代码:

<script type="application/javascript"
        src="http://server2.example.com/Users/1234">
</script>

现在在本教程中 ( Here ) 它说它应该将文件加载到 div 中。你们知道发生了什么事吗？

Answer 1

加载 JSON

您提到的“教程”是关于 JSON 的 Wiki 页面。您提供的代码行是从该页面完全复制的，如果您正确阅读内容，它并不是在谈论从 javascript 加载 HTML 文件，而是加载 JSON 数据 来自 JavaScript。

事实上，该页面清楚地表明这种方法不允许您访问 JSON 数据，因为它没有被分配执行任何操作，即使它确实将数据作为对象加载，您也没有指向该数据的指针对象!

相反，同一页面建议使用类似的内容

<script type="application/javascript"
      src="http://server2.example.com/Users/1234?jsonp=parseResponse">
</script>

这样您就可以对数据使用函数parseResponse。

加载 HTML

由于您想要加载一些额外的 HTML，因此在加载页面后，您应该执行以下操作:

示例代码:(部分复制 self 给您的页面)

<script type="text/javascript">
  function loadXMLDoc(filename) {
    var xmlhttp;
    if (window.XMLHttpRequest)  {
      xmlhttp=new XMLHttpRequest();
    }
    else {
      xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
    }
    xmlhttp.onreadystatechange=function() {
      if (xmlhttp.readyState==4 && xmlhttp.status==200) {
        after_load_function(xmlhttp.responseText);
      }
    }
    xmlhttp.open("GET",filename,true);
    xmlhttp.send();
    }

    function after_load_function(responseText) {
      document.getElementById("myDiv").innerHTML = responseText;
    }

    window.onload = function() {
      loadXMLDoc("your_html_filename.html");
    }
</script>