BackboneJS - Model Save

Quiz

Description

It saves data of the model by delegating to sync() method which reads and saves the model every time when Backbone calls it.

Syntax

model.save(attributes,options)

Parameters

attributes − It defines the property of a model.
options − It accepts parameters such as the id, name, etc., which are used for a model.

Example

<!DOCTYPE html>
<html>
   <head>
      <title> Model Example</title>
      <script src="/?originalUrl=https%3A%2F%2Fcode.jquery.com%2Fjquery-2.1.3.min.js"
         type = "text/javascript"></script>
      
      <script src="/?originalUrl=https%3A%2F%2Fcdnjs.cloudflare.com%2Fajax%2Flibs%2Funderscore.js%2F1.8.2%2Funderscore-min.js"
         type = "text/javascript"></script>
      
      <script src="/?originalUrl=https%3A%2F%2Fcdnjs.cloudflare.com%2Fajax%2Flibs%2Fbackbone.js%2F1.1.2%2Fbackbone-min.js"
         type = "text/javascript"></script>
      
      <script type = "text/javascript">
         var details = new Backbone.Model ({
            name: "Hi..",
            site: "Welcome to TutorialsPoint"
         });
         Backbone.sync = function(method, model) {
            document.write(method + ": " + model.get('name')+ " " +model.get('site'));
            model.set('id', 1);
         };
         details.save();
         document.write("<br>");
         details.save({name : "Hello World!!!"});
      </script>
      
   </head>
   <body></body>
</html>

Output

Let us carry out the following steps to see how the above code works −

Save the above code in the save.htm file.
Open this HTML file in a browser.

backbonejs_model.htm

Print Page