Load a local JSON file in Javascript
本问题已经有最佳答案,请猛点这里访问。
我正在尝试加载一个本地JSON文件来用它填充一个表。我试过RequireJS,但它给了我一个错误:
MODULE NAME ... HAS NOT BEEN LOADED YET FOR CONTEXT
所以我在Bower中安装了RequireJS插件,尽管我不确定它们是否正常工作。这是代码:
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 | <script src="require.js"> 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) } }); } |
我得到的错误是:
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
使用jquery时,只需执行以下操作:
1 2 3 4 5 6 7 8 9 10 11 | $.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 } }); |