ローカルJSONファイルをJavaScriptでロードする

Question

ローカルのJSONファイルを読み込んでテーブルを作成しようとしています。 私はrequireJSを試してみたが、それは私にエラーを与えた：

MODULE NAME ... HAS NOT BEEN LOADED YET FOR CONTEXT

は、だから私は亭でrequireJSプラグインをインストールし、私は彼らが正しく機能しているかはわからないけれども。 これはコードです：

<script src="require.js"></script> 
<script> 
    function populate() { 
     require(['json!sortedAccounts.json'], function (json) { 
      for (var i = 0; i < json.length; i++) { 
       var $row = "<tr>" 
       var account = json[i][0] 
       $row.append("<td>" + account + "</td>") 
       var friends = json[i][1] 
       $row.append("<td>" + friends + "</td>") 
       $row.append("</tr>") 
       $('loadedJSON').append($row) 

      } 
     }); 

    } 

</script> 

私が手にエラーがある：

GET http://localhost:63343/HTML/json.js
Uncaught Error: Script error for "json", needed by: json!sortedAccounts.json_unnormalized2 Uncaught Error: Load timeout for modules: json!sortedAccounts.json_unnormalized2

Answer 1

あなたはjQueryのを使用しているとして、あなたは、単にこれを行うことができます：

$.getJSON("sortedAccounts.json", function(json) { 
     for (var i = 0; i < json.length; i++) { 
      var $row = "<tr>" 
      var account = json[i][0] 
      $row.append("<td>" + account + "</td>") 
      var friends = json[i][1] 
      $row.append("<td>" + friends + "</td>") 
      $row.append("</tr>") 
      $('loadedJSON').append($row) // Incorrect selector 
     } 
});