关于html:在Javascript中加载本地JSON文件

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
      }
});