javascript - 使用 JSON 文件中的数据制作模型的 Backbone 集合

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 中检查它的工作情况.