0

新時代のhtmlコードに関しては初心者です（私は単純なhtmlコードで学んだので、jsonとjavascriptコードを新時代と考えています）。さて、私がやっていることは、.jsonファイルからすべてのデータを取得してテーブルに入れようとしていますが、リソースを読み込めないと言い続け、.jsonファイルを言います.

<!DOCTYPE html>
<html>
<head>
  <meta http-equiv="content-type" content="text/html; charset=UTF-8" charset="text">       </meta>
  <title> - Jason Onto HTML Displayed</title>

  <script type="text/javascript" src="http://code.jquery.com/jquery-1.7.1.js"></script>

<script type="text/javascript">
  $(document).ready(function(){
      $("#DisplyEmp").click(function() {
          $.getJSON("Localhost/Homework_1_second_attempt.json", function(data) {
              for(emp in data.albums) {
                  console.log(data.albums[emp]);
                  var newRow = "<tr>"+
                                  "<td>"+data.albums[emp].title+"</td>"+
                                  "<td>"+data.albums[emp].artist+"</td>"+
                                  "<td>"+data.albums[emp].songs+"</td>"+
                               "</tr>";
                  $("#EmpNewTable").append(newRow);
              } 
          });
      });
  });
</script>


</head>
<body>
<table id="EmpNewTable" border="2"> 
<tr> 
  <th>Artist</th>
  <th>Title</th>
  <th>Songs</th>
</tr> 
</table><br /><br /> 
<input type="button" id="DisplyEmp" value="Display" />

</body></html>

私の問題を手伝ってくれてありがとう

4

2 に答える 2

0

セキュリティ上の懸念により、ブラウザでは、自分のドメイン以外のドメインからリソースをロードすることはできません. それにはfile:///「プロトコル」が含まれます。

これを行うには、サーバーを実行する必要があります。見た目からすると、これを で実行している可能性がありますhttp://localhost。次に、ajax URLを次のように変更します

$.getJSON("/Homework_1_second_attempt.json...

相対パスは、表示しているファイルと同じ場所から始まります。

于 2013-03-28T04:16:27.493 に答える
-1

次のことを試してください。

var rows = '';
for(emp in data.albums) {
    rows += "<tr>"+
                "<td>"+emp.title+"</td>"+
                "<td>"+emp.artist+"</td>"+
                "<td>"+emp.songs+"</td>"+
            "</tr>";
}
$("#EmpNewTable").append(rows);
于 2013-03-28T04:22:35.173 に答える