Javascript 如何在加载了json的html中包含.js文件？

我需要显示一个javascript类的实例，该类使用主干中的require.js从.json文件加载数据

我有以下js和json文件：

collections/companys.js

define([
    'models/Company'
], function(CompanyModel) {
    'use strict';

    var CompanyCollection = Backbone.Collection.extend({
        model: CompanyModel
    });

    return CompanyCollection;
});

data/companys.json

[{
    "id": 1000001,
    "name": "Test Company 1",
    "description": "this is a test company that should be displayed"
},
{
    "id": 1000002,
    "name": "Test Company 2",
    "description": "this is another test company that should be displayed as well"
}]

此外，我还有以下代码片段：

<script type="text/javascript" data-main="data/companies.json" src="collections/Companies.js"></script>
    <script type="text/javascript">
       require(["collections/Companies"],
        function(Companies){
            $("#json").append(Companies[0].id);
            alert("test");
        }
       );
    </script>

    <div id="json"></div>

要求（[“集合/公司”]，
职能（公司）{
$（“#json”）.append（companys[0].id）；
警报（“测试”）；
}
);

当然，它并没有像我预期的那样工作，我也无法找出正确的语法和/或迭代逻辑。 如何使用.json文件中的数据加载.js类？

---

我的

requirejs
通常用于加载脚本和模板文件，但您也可以使用它加载
.json
文件。但是您必须自己使用
JSON.parse来解析它

你有两个不同的选择

使用，例如：

或者使用，它再次使用
文本插件：

require.config({
    paths : {
        json: 'data'
    }
});

define([ 'collections/Companies', 'json!companies.json' ],
    function(Companies, CompaniesJSON){

    }
);

如何将json文件加载到类中？
require.config({
    paths : {
        json: 'data'
    }
});

define([ 'collections/Companies', 'json!companies.json' ],
    function(Companies, CompaniesJSON){

    }
);