使用javascript從localhost讀取json文件

Question

我是javascript的新手，所以我需要一些幫助！ 我需要從我的localhost讀取一個“.json”文件，但它不起作用！

該文件的內容如下：

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

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

我設置了該命令的本地主機： 蟒蛇-m http.server 8888和 ，這是公布D3.js這里。

我寫了以下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>  

Answer 1

如果您在端口8888上打開服務器，則必須在該端口上請求它：

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

但請注意，如果您希望能夠通過跨域限制 ，則服務器必須設置正確的CORS標頭 。

第三個問題是你的代碼無法編譯：你錯過了一個}); 。 壓痕不對稱使其顯而易見：

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

第四個問題是，一旦頁面加載，你就不會使用document.write 。 您必須使用DOM操作方法編寫，例如$(document.body).append($('<pre>'+data+'</pre>'));

Answer 2

我認為問題在於您正在嘗試訪問計算機中的json文件，將您的json文件上傳到在線服務器並訪問該文件而不是您計算機上的那個。