Model save success callback is not fired

Question

I have a modal view which has a form. When I try to save the model, a REST call is made and I need to close the modal view after that..

self.myModel.url = "api/myClass/";      
self.myModel.save({
    success: function() {
        self.trigger("afterSave");
        self.removeModal();
    }
}).fail(function() {
    $('#save', self.el).button('reset');
});

Now my REST API code is executed fine...I have debugged on the last return statement from REST resource.. But my JS code does not go inside the success callback function.

Am I doing something wrong with the JS syntax?

can you paste the response that you get from /api/myClass? – beNerd Jun 16 '14 at 10:12 — beNerd, Jun 16 '14 at 10:12
It is a standard JSON formatted output... – copenndthagen Jun 16 '14 at 10:13 — copenndthagen, Jun 16 '14 at 10:13

score 1 · Answer 1 · answered Jun 16 '14 at 10:17

So here is your problem:

self.myModel.save({
    success: function() {
        self.trigger("afterSave");
        self.removeModal();
    }
})

.save() method expects the first parameter to be the data. And the second object should contain options. If you don't have any data to pass, you should modify the above call to this:

self.myModel.save({},{
        success: function() {
            self.trigger("afterSave");
            self.removeModal();
        }
    });

You should be all set this way! Suggest you to check the documentation : Backbone Docs

score 0 · Answer 2 · answered Jun 16 '14 at 10:17

the first param for save() should be the model data and the second is the callbacks

self.myModel.url = "api/myClass/";      
self.myModel.save({
     "name":"Bob"
   },{
     success: function() {
        self.trigger("afterSave");
        self.removeModal();
     }
   }).fail(function() {
   $('#save', self.el).button('reset');
});

Model save success callback is not fired

2 Answers2