用Javascript加载本地JSON文件[重复]答案

【问题标题】：Load a local JSON file in Javascript [duplicate]用Javascript加载本地JSON文件[重复]
【发布时间】：2017-05-14 17:39:39
【问题描述】：

我正在尝试加载本地 JSON 文件以使用它填充表。我试过 requireJS，但它给了我一个错误：

模块名称...尚未加载上下文

所以我用 bower 安装了 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>

我得到的错误是：

获取http://localhost:63343/HTML/json.js
未捕获的错误：“json”的脚本错误，需要：json!sortedAccounts.json_unnormalized2 未捕获的错误：模块加载超时：json!sortedAccounts.json_unnormalized2

【问题讨论】：

标签： javascript html json requirejs

【解决方案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
      }
});

【讨论】：