Backbone Model Local storage

A simple example illustrating Backbone model get, post, put and delete using localstorage

by niki4810

HTML

<script src="//cdnjs.cloudflare.com/ajax/libs/underscore.js/1.4.4/underscore-min.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/backbone.js/1.0.0/backbone-min.js"></script>
<script src="https://rawgithub.com/jeromegn/Backbone.localStorage/master/backbone.localStorage.js"></script>

JavaScript

$(function(){

    var UserModel = Backbone.Model.extend({
        localStorage  : new Backbone.LocalStorage("MyUsers"),
        defaults:{
        name : '',
        email : ''
    }
    });
    var user = new UserModel();
    var userDetails = {
        name: 'Thomas',
        email: '[email protected]'
    };
    //POST
    user.save(userDetails, {
        success: function (user) {
            console.log("New record created via POST");
            console.log(user.toJSON());
        }
    });
    

    var user2 = new UserModel({
        id:"07c44853-8e05-2675-e58f-3c7677a8fb3c" 
    });
    //GET
    user2.fetch({
        success:function(user){
            console.log("Record fetched via GET");
            console.log(user.toJSON());
        }
    });
    
    //PUT
    user2.save({email:"[email protected]"},{
      success:function(user){
           console.log("Record updated via PUT");
            console.log(user.toJSON());
        }  
    });
    
    //DELETE
    user2.destroy({
        success:function(){
           console.log("successfully deleted the record via DELETE");
        }
    });
    
    
    
});