Backbone.js - 即使获取成功，数据也没有填充到集合中

Question

我正在尝试从一个简单的 JSON 文件填充一个集合，作为学习backbone.js 的一部分。但我无法让它发挥作用。

已进行 AJAX 调用（使用 FireBug 进行验证），但 toJSON 方法返回 undefined。

我做错了什么？

theModel =  Backbone.Model.extend();

theCollection = Backbone.Collection.extend({
    model: aModel,
    url: "source.json"
});

theView = Backbone.View.extend({
   el: $("#temp"),
   initialize: function () {
       this.collection = new theCollection();
       this.collection.fetch();
       this.render();
   },
   render : function () {
       $(this.el).html( this.collection.toJSON() ); // Returns blank
   }
});

var myView = new theView;

这是我的 JSON：

[{
    "description": "Lorem ipsum..."
 },
 {
    "description": "Lorem ipsum..."
}]

Answer 1

fetch 是异步的，如果您立即调用 render，您的集合将不会被填充。要解决这个问题，您只需将集合 reset 事件（Backbone>=1.0 的 sync 事件）绑定到视图渲染即可：

theView = Backbone.View.extend({
   el: $("#temp"),

   initialize: function () {
       this.collection = new theCollection();

       // for Backbone < 1.0
       this.collection.on("reset", this.render, this);

       // for Backbone >= 1.0
       this.collection.on("sync", this.render, this);

       this.collection.fetch();
   },

   render : function () {
    console.log( this.collection.toJSON() );
   }
});

注意绑定方法的第三个参数，为该方法提供正确的上下文：
http://documentcloud.github.com/backbone/#FAQ-this

Answer 2

我相信问题出在你的json上，

要么你覆盖集合上的解析方法，使用你的json

，要么你可以更改json:)

[{
    "description": "Lorem ipsum..."
},
{
    "description": "Lorem ipsum..."
}]

我相信这就是你的json应该是什么样的，只是一个模型数组。