model.save没有更新模型值

问题描述 投票:3回答:2

我正在尝试学习Backbone.js并且遇到了问题。 model.save没有更新我的模型值,虽然model.fetch更新了值。

请参阅下面的代码,如果我在这里做错了,请告诉我:

模型

var Person = Backbone.Model.extend({

    url: "CreatePerson",
    defaults: {
        name: "",
        age: 0
    },
initialize: function(){

this.on("change:name",function(){

        alert("Updated value is: "+this.get("name"));
    });
    }

});

我在我的html页面上创建了这个模型的实例,下面是代码:

var person = new Person({name:"manish"});

person.save(person,{

        wait: true,
        success: function(){
            alert("Data saved: "+person.toJSON().name);
        },
        error: function(){
            alert("Sorry, something wrong went with the system");
        }       
    });
person.fetch({

        success: function(){
            alert("Data Fetched: "+person.get("name"));
        }
    });

在save和fetch上,我从服务器返回以下JSON数据:

{"name":"Logan","age":23}

有趣的是,对于save,更改事件不会触发,警报框会给我旧的模型值(即manish),而当执行fetch函数时,会触发change事件并且fetch回调会给我新值(即logan) 。

有人可以帮助我找出我在这里做错了什么吗?

backbone.js
2个回答
1
投票

来自backbonejs.org

http://backbonejs.org/#Model-save

使用新属性调用save将立即导致“更改”事件,并在服务器确认成功更改后发生“sync”事件。如果您想在模型上设置新属性之前等待服务器,请传递{wait:true}。

听起来好像服务器没有返回它已完成。删除wait:true应该使更改的事件触发。


0
投票

您的代码中存在错误:

person.save(person,{

您应该为保存调用或仅选项提供属性对象,而不是模型本身。删除person,并检查它是否有效。应设置wait:true,以确保您更改为服务器验证的正确数据。

© www.soinside.com 2019 - 2024. All rights reserved.