骨干.js:Save的成功功能根本不起作用

Backbone.js: Save's success function simply does not work

本文关键字:功能 不起作用 成功 js Save 骨干      更新时间:2023-09-26

我试图让最基本的东西在 Backbone 中运行.js但不知何故失败了。我生成的用于将 url 模型保存到服务器中的代码。

urlToAdd.set({url: urlBody.value, tags:tagsToAdd});
                urlToAdd.save({
                    success:function(){
                        console.log('it works');
                    }
                });

成功地将数据发送到我的php页面,但是我无法使成功事件正常工作。我哪里做错了?我仔细观察了一下,什么也没找到。

这是我的模型定义:(不幸的是,因为我是骨干菜鸟,我已经通过检查教程来应用它,我不知道 url 函数中的代码是否必要

var URLWithTags=Backbone.Model.extend({
            initialize:function(){
                console.log('URL object has been initialized');
            },
            defaults:{
                url:'not defined',
                tags:[]
            },
            validate:function(attributes){
            //console.log(attributes.tags[0].length);
                /*if(attributes.tags[0].length<1)
                    return "You should create at least one tag";*/
            },
            urlRoot:'/URLTags/manage.php',
            url:function(){
                var base = this.urlRoot || (this.collection && this.collection.url) || "/";
                console.log("Base has been produced");
                if(this.isNew())
                    return base;
                return base+"?id="+encodeURIComponent(this.id);
            },
        });

调用 save 函数时,Save 应该是对象中的第二个参数。请人们阅读文档,或来源,它评论得很好,简短且易于阅读。

urlToAdd.save(null,{success:function(){console.log('it works')}});

根据文档:

savemodel.save([attributes], [options]) ;

所以:

urlToAdd.save({},{success:successCallback , error:errorCallback}); 

编辑

示例 :

    var Car,yukon,$target ;
    Object.prototype.toString = function(){
        return JSON.stringify(this);
    };
    Car = Backbone.Model.extend({
        url:"/echo/json"
    });
    yukon= new Car({"color":"red","brand":"GM"});
    $target = $("#target");
    $target.append("describe yukon :",yukon.toString(),"<br/>");
    yukon.save({},
{
success:function(o){$target.append("save success <br/>",o.toString())},
error:function(e){$target.append("error",e)}
}
); 

其中$target是一个 jQuery 对象,表示具有 Goal ID 的div。