爲什麼JSON文件內容不顯示在HTML頁面中？

我是相當新的JavaScript，我想通過使用JavaScript顯示json文件的內容。我的問題是，該網頁無法顯示Json文件的內容，它是空白的！我知道我正確地提取它。我的本地驅動器上有名爲data.json的Json文件。我也改變了文件的地址，但它不起作用。爲什麼JSON文件內容不顯示在HTML頁面中？

Coul dyou告訴我是什麼原因？謝謝，

我把代碼在這裏

<html> 
<head> 
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"> </script> 

<script> 

    $(function() { 


    var people = []; 

    $.getJSON("home/Documents/data.json", function(data) { 
     $.each(data.person, function(i, f) { 
      var tblRow = "<tr>" + "<td>" + f.firstName + "</td>" + 
      "<td>" + f.lastName + "</td>" + "<td>" + f.job + "</td>" + "<td>" + f.roll + "</td>" + "</tr>" 
      $(tblRow).appendTo("#userdata tbody"); 
    }); 

    }); 

}); 
</script> 
</head> 

<body> 

<div class="wrapper"> 
<div class="profile"> 
    <table id= "userdata" border="2"> 
    <thead> 
      <th>First Name</th> 
      <th>Last Name</th> 
      <th>Email Address</th> 
      <th>City</th> 
     </thead> 
     <tbody> 

     </tbody> 
    </table> 

</div> 
</div> 

</body> 
</html>

來源

2013-06-19 star

請提供有問題的JSON – david99world

您很可能會遇到同源問題。見http://stackoverflow.com/questions/3851691/load-local-json-files-via-file-triggers-cross-domain-null-origin-violation-s – pete

我有我的本地驅動器上這個JSON文件

不要嘗試在本地磁盤上做的Ajax，你會遇到瀏覽器安全限制。運行一個Web服務器並通過HTTP執行。

通過查看瀏覽器的開發人員工具中的JavaScript錯誤控制檯，您應該可以得到一些線索。

來源

2013-06-19 12:02:19 Quentin

謝謝你的回答。你能告訴我在哪裏我應該把我的Json文件，而不是本地磁盤？我不太熟悉Javascript。 – star

該文件應該仍然存在於本地磁盤上，它應該是通過HTTP訪問的。正如我所說*運行一個網絡服務器*。 – Quentin

爲什麼JSON文件內容不顯示在HTML頁面中？

回答

相關問題