javascript - JS を使用して HTML ファイルをロードする

Question

Javascriptでファイルをロードするこのチュートリアルに従っていました。チュートリアルに従いましたが、ファイルは読み込まれません。これが私のコードです：

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

このチュートリアル（ここ）では、ファイルをdivにロードする必要があると書かれています。何が起こっているか知っていますか？

Answer 1

JSON のロード

あなたが言及した「チュートリアル」は、JSON の Wiki ページです。あなたが提供したコード行はそのページから正確にコピーされており、内容を正しく読むと、 javascript からHTMLファイルをロードすることについてではなく、Javascript からJSON データをロードすることについて話しています。

実際、ページには、このアプローチでは JSON データにアクセスできないことが明確に示されています。JSON データには何も割り当てられていないためです。データをオブジェクトとしてロードしたとしても、そのオブジェクトへのポインターはありません!

代わりに、同じページは次のようなものを使用することを提案しています

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

データで関数を使用できるようにしparseResponseます。

HTML の読み込み

追加の HTML をロードしたいので、ページをロードした後、次のようにする必要があります。

コード例: (提供したページから部分的にコピー)

<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>