backbone MODEL

model

by bhupendra negi

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.2.3/backbone-min.js"></script>

JavaScript

//backbone model connecte to server


var userModel = Backbone.Model.extend({
    urlRoot: '/user',
    defaults: {
        name: '',
        email: ''
    },
    initialize:function() {
    console.log("welcome to backbone");
        this.bind("error", function(model, error){
      // We have received an error, log it, alert it or forget it :)
            console.log("error");
      console.log( error );
    });
    }
});

// Create new POST request for new recodr

var userData = {
    name: "abc",
    email: "test"
};
var user1 = new userModel();
// no ID set so post will be called to create new entry in table
user1.save(userData, {
    success: function (user) {
        console.log(user.toJSON());
    }
});

// Create new GET request for fetching existing records

var user2 = new userModel({
    id: 1
});
user2.fetch( {success: function (user) {
    console.log(user.toJSON())
}});

// to update existing model fires PUT request
var user3 = new userModel({id:2});
user3.save({name:"kkr"},{
success:function(user){console.log(user.toJSON()); }
});

// to delete a record DELETE request
var user4 = new userModel({id:3});
user4.destroy({
success:function(user){console.log("destroyed");}
});