使用 JSON 文件中的数据创建模型的主干集合

Question

我刚开始使用 Backbone.js，并认为我已经理解了它的概念。

背景故事： 我用 jQuery 和 Handlebars 做了一个交互式测验，我现在想迁移到 Backbone。 测验从同一目录中的静态 allQuestions.json 文件中读取所有问题。 该文件如下所示：

{
"Q1" : {"question": "Vem är HON-chattens true Admin?",
"choices": ["Kattigpelika", "Bangan", "Naldor"],
"correctAnswer":0},

"Q2" : {"question":"Vem är chattens true mad son?",
"choices": ["Bangan","Grev3n","Mettapod"],
"correctAnswer":1
}
ETC...

（它的格式正确，因为我以前使用过它（使用 $.getJSON）

我现在正在尝试制作模型：

var Question = Backbone.Model.extend({
initialize:function(){
    console.log("Created a model");
    }
);

这是集合的一部分：

var Questions = Backbone.Collection.extend({
model : Question,
url : "allQuestions.json"

});

我想要这个功能：

allQuestions.fetch({
success:function(){
    console.log(allQuestions);
}
});

为 .json 文件中的每个对象创建一个新模型并将其放入集合中。 这可能吗？我哪里想错了？

这一切都是在我的电脑上本地完成的。

Answer 1

这里的问题不是 Backbone，而是 JSON 对象的结构。如果您可以将其修改为这样的内容，它将为每个问题加载不同的模型：

[
 {
  "id": "Q1", 
  "question": "Vem är HON-chattens true Admin?",
  "choices": ["Kattigpelika", "Bangan", "Naldor"],
  "correctAnswer":0 
 },
 {
  "id": "Q2", 
  "question":"Vem är chattens true mad son?",
  "choices": ["Bangan","Grev3n","Mettapod"],
  "correctAnswer":1
 }
]

您可以在JSFiddle 中检查它是否有效。

Answer 2

理想情况下，您可以将数据放在 Web 服务器发送的视图中并加载（参见 http://backbonejs.org/#FAQ-bootstrap）。

否则，您需要重新定义您的集合的 sync 方法，以便如果该方法是“读取”的，您调用 $.getJSON，否则您像往常一样调用 Backbone.sync。