Backbone.JS Destroy()

The Backbone.JS Destroy() model destroys or removes a model from the server.

Syntax:

Model.Destroy (options) 

Parameters:
options: This parameter is used to specify the options like id, name etc. for a model.

Example:

Plain text
Copy to clipboard
Open code in new window
EnlighterJS 3 Syntax Highlighter
<title> Model Example</title>
<script src="https://code.jquery.com/jquery-2.1.3.min.js" type="text/javascript"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.2/underscore-min.js" type="text/javascript"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.1.2/backbone-min.js" type="text/javascript"></script>
<script type="text/javascript">
Backbone.sync = function(method, model) {
document.write(method + ": " + JSON.stringify(model)+"<br>");
model.set('id',100);
};
var details = new Backbone.Model({
msg1: "HELLO WORLD.",
msg2: "Welcome."
});
details.save();
details.destroy();
</script>create: {"msg1":"HELLO WORLD.","msg2":"Welcome."}<br>delete: {"msg1":"HELLO WORLD.","msg2":"Welcome.","id":100}<br>
<!-- Mirrored from www.w3schools.blog/backbonejs-destroy by HTTrack Website Copier/3.x [XR/YP'2000] -->
<title> Model Example</title> <script src="https://code.jquery.com/jquery-2.1.3.min.js" type="text/javascript"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.2/underscore-min.js" type="text/javascript"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.1.2/backbone-min.js" type="text/javascript"></script> <script type="text/javascript"> Backbone.sync = function(method, model) { document.write(method + ": " + JSON.stringify(model)+"<br>"); model.set('id',100); }; var details = new Backbone.Model({ msg1: "HELLO WORLD.", msg2: "Welcome." }); details.save(); details.destroy(); </script>create: {"msg1":"HELLO WORLD.","msg2":"Welcome."}<br>delete: {"msg1":"HELLO WORLD.","msg2":"Welcome.","id":100}<br> <!-- Mirrored from www.w3schools.blog/backbonejs-destroy by HTTrack Website Copier/3.x [XR/YP'2000] -->
  

  
 Model Example  
  
  
  
create: {"msg1":"HELLO WORLD.","msg2":"Welcome."}
delete: {"msg1":"HELLO WORLD.","msg2":"Welcome.","id":100}

Output:

Plain text
Copy to clipboard
Open code in new window
EnlighterJS 3 Syntax Highlighter
create: {"msg1":"HELLO WORLD.","msg2":"Welcome."}
delete: {"msg1":"HELLO WORLD.","msg2":"Welcome.","id":100}
create: {"msg1":"HELLO WORLD.","msg2":"Welcome."} delete: {"msg1":"HELLO WORLD.","msg2":"Welcome.","id":100}
create: {"msg1":"HELLO WORLD.","msg2":"Welcome."}
delete: {"msg1":"HELLO WORLD.","msg2":"Welcome.","id":100}

Explanation:
In the above example, the properties of a model are created, saved and Destroyed.