Question

从服务器获取模型时遇到问题。我在chrome dev工具中看到从服务器返回的正确JSON，但模型不会使用返回的值进行更新。

var listtemplate = new ListTemplateModel.Model({id: id});
listtemplate.fetch();

此时我在Chrome开发工具中看到了正确的数据。以下是从服务器返回的内容：

{
  "title": "Template one",
  "id": "template_one",
  "steps": [
    {
      "description": "I love it",
      "id": 1,
      "created_at": "2012-12-24T18:01:48.402Z"
    },
    {
      "description": "This is rubbish!",
      "id": 1,
      "created_at": "2012-12-24T18:01:48.402Z"
    }
  ],
  "created_at": "2012-12-24T18:01:48.402Z"
}

但是记录JSON的控制台只显示默认值和模型创建期间传入的id。

console.log(listtemplate.toJSON());

然后返回：

{id: "template_one", title: "", steps: Array[0]}

我的模型看起来像这样（我使用的是Require.js，因此模型已经重命名为上面的ListTemplateModel）

var Model = B.Model.extend({
        defaults: {
            title: '',
            id: 0,
            steps: []
        },
        urlRoot: 'xxx'
    });

有什么想法吗？

修改 @ Amulya的答案让我走上正轨，然后我发现了“那么”。希望这可以帮助有人遇到同样的问题：

listtemplate.fetch().then(function(){
   //update the view
});

Answer 1

原因可能是因为您没有等待获取完成。试试这个：

var listtemplate = new ListTemplateModel.Model({id: id});
listtemplate.fetch({
    success: function() {
        // fetch successfully completed
        console.log(listtemplate.toJSON());
    },
    error: function() {
        console.log('Failed to fetch!');
    }
});

Backbone Model.fetch返回数据但不更新模型

1 个答案: