0

私はjavascriptが初めてで、javascriptを使用してjsonファイルの内容を表示したいと考えています。私の問題は、html ページが Json ファイルの内容を表示できず、空白であることです!! 私はそれを正しく取得していることを知っています。この Json ファイルは、data.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 に答える