CODEWITHSUNDEEP
backbone.js
Running Turtle
Running Turtle

Reputation: 12752

How do I trigger the success callback on a model.save()?

this.model.save({
  success: function(model, response){
    console.log('success');
  },
  error: function(){
    console.log('error');
  }
})

The model is correctly posted to the server which handles the save, but the success callback is not fired. Do I need to send something back from the server ?

Upvotes: 107

Views: 70752

Answers (8)

Peter Graham
Peter Graham

Reputation: 2575

In you initialize function, bind the sync method to a method you define (onSaveSuccess)

            initialize: function (options) {
                    this.model.on('sync', _.bind(this.onSaveSuccess, this));
},
            onSaveSuccess: function() {
                console.log('saved');
                this.render();
            },

This way, any time you run this.model.save(), it will run the onSaveSuccess function as a callback if your sync is successful

Upvotes: 1

Roy M J
Roy M J

Reputation: 6938

The following is the code that i am using for backbone model save. 

this.model.save(model,{
   success:function(model){
       console.log("Saved Successfully");
   },
   error:function(model){
       console.log("Error");
   }
});

Cheers

Roy M J

Upvotes: 4

timborden
timborden

Reputation: 1480

For those that want to save a model, without updating the attributes, you can do the following:

model.once("sync", function(model, response, options){
    //
});
model.once("error", function(model, response, options){
    //
});
model.save();

Upvotes: 1

Igor G.
Igor G.

Reputation: 7009

Your server must return a JSON object. If the response is not a JSON object, the callbacks will not fire.

If for success your server doesn't return a JSON object, perform a save with dataType:"text" option, like this:

this.model.save([],{
 dataType:"text",
 success:function() {},
 error:function() {}
});

With this option it will not be waiting for a JSON in response, but a text, and thus the callback will be launched.

Upvotes: 38

Yasser Shaikh
Yasser Shaikh

Reputation: 47784

For some unknown reason, none of the above method worked for me. The api only was not hit in my case.

But later while searching on this, I bumped into this link, where some one had tried null instead of {} as the first parameter.

this.model.save(null, {
    success: function (model, response) {
        console.log("success");
    },
    error: function (model, response) {
        console.log("error");
    }
});

so, this worked for me. Hope this helps you too.

Upvotes: 58

nologo
nologo

Reputation: 6298

so im a little confused - do i still need to pass in all attributes in order for me to call a save event? what if my model is large.. i dont wish to set every property manually

im calling model.save and attempting to do the following:

this.model.save(
    {
        success: function (model, response) {
            console.log('model saved');
        }
    });

ok just to answer my own question incase anyone finds this post, i did the following which works:

this.model.save({ id: this.model.get('id') },
    {
        success: function (model, response) {
            console.log("success");
        },
        error: function (model, response) {
            console.log("error");
        }
    });

EDIT: I couldn't reply to you for some reason, but I can edit

but you don't have to set id: this.model.get('id') you can just pass a blank object because a blank attribute just won't extend attributes, does nothing:

this.model.save({}, {
    success: function (model, response) {
        console.log("success");
    },
    error: function (model, response) {
        console.log("error");
    }
});

Upvotes: 9

Pradeep Kumar Mishra
Pradeep Kumar Mishra

Reputation: 10829

You may use underscore lib as follows as backbone already depends upon this. Remember first argument of save must either have attributes or you may just pass {} in case you want to save model itself.

this.model.save({}, _.bind(function(model, response){
  //Do whatever you want e.g.
  this.collection.add(model)
}, this))

Upvotes: 11

Julien
Julien

Reputation: 9216

The first argument of save is the attributes to save on the model:

this.model.save( {att1 : "value"}, {success :handler1, error: handler2});

Upvotes: 123

Related Questions