Backbone.js guardar modelo

En este artículo, veremos el modelo backbone.js save() . El modelo backbone.js save() se usa para guardar los datos del modelo dado delegando el método sync() . Cada vez que se llama a la red troncal, cada vez que lee y guarda el modelo.

Sintaxis :

Backbone.Model.save(attributes, [options]);

Parámetros : Acepta dos valores de parámetros:

  • atributos: Especifica el atributo en el modelo.
  • opciones: este parámetro acepta parámetros de atributo como id, etc.

Ejemplo 1: En este ejemplo, estamos creando un modelo llamado «libro» y aplicando el modelo save() .

HTML

<!DOCTYPE html>
<html>
  
<head>
    <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>
</head>
  
<body>
    <script type="text/javascript">
        Backbone.sync = function (mymethod, mymodel) {
            document.write(mymethod + ": " 
            + JSON.stringify(mymodel) + "<br>");
  
        };
        var Books = Backbone.Model.extend();
        var book = new Books({ 
            bookid: 23, 
            price: 678, 
            book_name: "css" 
        });
  
        document.write(' Values: ' + JSON.stringify(book));
        document.write("<br>");
        book.save();  
    </script>
</body>
  
</html>

Salida :

Values: {"bookid":23,"price":678,"book_name":"css"}
create: {"bookid":23,"price":678,"book_name":"css"}

Ejemplo 2: El siguiente ejemplo demuestra el modelo save() para datos de modelo de «libro» vacíos.

HTML

<!DOCTYPE html>
<html>
  
<head>
    <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>    
</head>
  
<body>
    <script type="text/javascript"> 
      
        Backbone.sync = function(mymethod, mymodel) {  
           document.write(mymethod + ": " 
           + JSON.stringify(mymodel) + "<br>");  
        };  
        var Books = Backbone.Model.extend();  
        var book = new Books(); 
             
        document.write(' Values: ' + JSON.stringify(book)); 
        document.write("<br>");             
              
        book.save();  
    </script> 
</body>
</html>

Producción:

Values: {}
create: {}

Referencia: https://backbonejs.org/#Model-save

Publicación traducida automáticamente

Artículo escrito por sireeshakanneganti112 y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *