Backbone.js model.save() sending multiple PUT requests

Question

I have a backbone view that loads a model and some templates. When I submit the form in the edit template, backbone successfully sends a PUT request, just as it’s supposed to. On success, I navigate the user back to the view template. However, if I navigate to the edit route again and submit the form, backbone sends two PUT requests. It then GETs the view template. If I navigate to the edit route a third time, backbone sends three PUT requests. The number of PUT requests keep incrementing every time I submit the form. Why might that be? Here is my view: ``` // Filename views/users/edit.js /*global define:false */ define([ 'jquery', 'underscore', 'backbone', 'models/user/UserModel', 'text!templates/users/edit.html', ], function($, _, Backbone, UserModel, UserTemplate) { var UserEdit = Backbone.View.extend({ el: '#page', render: function (options) { var that = this; if (options.id) { // modify existing user var user = new UserModel({id: options.id}); user.fetch({ success: function (user…

Accepted Answer

In my case, I could fix it by calling `undelegateEvents()` on the view in the success callback.

```
createUser: function (e) {
    var postData = $(e.currentTarget).serializeObject(),
            user = new UserModel(),
            that = this;

user.save(postData, {
        success: function (user, response) {
            that.undelegateEvents();
            Backbone.history.navigate('#/users/view/' + response, {trigger: true});
        }
    });

return false;
}
```

Thanks, @dbf.

Backbone.js model.save() sending multiple PUT requests

Solution

Problem