0

我是 javascript 的新手，我想使用 javascript 显示 json 文件的内容。我的问题是 html 页面无法显示 Json 文件的内容，它是空白的！我知道我正确地获取它。我的本地驱动器上有这个名为 data.json 的 Json 文件。我也更改了文件的地址，但它不起作用。

你能告诉我是什么原因吗？谢谢，

我把代码放在这里

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

1 回答 1

3

我的本地驱动器上有这个 Json 文件

不要尝试在本地磁盘上执行 Ajax，您会遇到浏览器安全限制。运行 Web 服务器并通过 HTTP 执行此操作。

通过查看浏览器开发者工具中的 JavaScript 错误控制台，您应该对此有所了解。

于 2013-06-19T12:02:19.993 回答