4

ローカルホストからファイルを読み取る必要があり.jsonますが、うまくいきません!

ファイルの内容は次のとおりです。

[
 {"source":"tw1", 
  "text":"fubar"}, 

 {"source":"tw2", 
  "text":"foo"}
]

D3.js herepython -m http.server 8888 &に投稿されているコマンド: を使用してローカルホストをセットアップします。

次のJavaScriptコードを書きました：

<script type="text/javascript" src="lib/jquery-1.9.1.js"></script>
   <script>
    $(document).ready(
        $.getJSON("http://localhost/test.json", function(data){
            document.write(data);

    });
    </script>
4

2 に答える 2

4

ポートでサーバーを開く場合は8888、そのポートでリクエストする必要があります。

$.getJSON("http://localhost:8888/test.json", function(data){

ただし、クロスドメイン制限を通過できるようにする場合は、サーバーが正しい CORS ヘッダーを設定する必要があることに注意してください。

3 番目の問題は、コードがコンパイルできないことです});。インデントの非対称性により、次のことが明らかになります。

$(document).ready(
    $.getJSON("http://localhost:8888/test.json", function(data){
        document.write(data);
    }); // <=== was missing
});

4 番目の問題はdocument.write、ページが読み込まれると使用したくないということです。次のような DOM 操作メソッドを使用して記述する必要があります。$(document.body).append($('<pre>'+data+'</pre>'));

于 2013-03-29T12:17:04.550 に答える