Backbone.js sync Model es la función que el modelo llama cada vez que intenta leer o guardar un modelo en el servidor. Cuando un modelo comienza una sincronización con el servidor, se emite un evento de solicitud. Si la solicitud se completa correctamente, obtendrá un evento de sincronización y, de lo contrario, un evento de error.
Sintaxis:
model.sync( method, model, options );
Parámetros: Toma los siguientes parámetros:
- método: es el método CRUD, que significa C para crear , R para leer , U para actualizar y D para eliminar .
- modelo: Es un modelo que se tiene que guardar, o leer.
- opciones: son devoluciones de llamada de éxito y error y otras opciones de solicitud de jQuery.
Ejemplo n.º 1: en este ejemplo, describiremos el modelo de sincronización Backbone.js con el método de lectura y eliminación.
HTML
<!DOCTYPE html>
<html>
<head>
<title>BackboneJS Model sync</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.2.2/backbone-min.js"
type="text/javascript">
</script>
</head>
<body>
<h1 style="color: green;">
GeeksforGeeks
</h1>
<h3>BackboneJS Model sync</h3>
<script type="text/javascript">
var Geek = new Backbone.Model({
id: "1001e",
Name: "Cody"
});
Geek.sync = function (method, model) {
document.write(`This is sync function which is
called for ${method} an model ` +
JSON.stringify(model), '<br>');
};
Geek.fetch();
Geek.destroy();
</script>
</body>
</html>
Producción:
Modelo de sincronización Backbone.js
Ejemplo n.º 2: en este ejemplo, describiremos el modelo de sincronización Backbone.js con el método de actualización.
HTML
<!DOCTYPE html>
<html>
<head>
<title>BackboneJS Model sync</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.2.2/backbone-min.js"
type="text/javascript">
</script>
</head>
<body>
<h1 style="color: green;">
GeeksforGeeks
</h1>
<h3>BackboneJS Model sync</h3>
<script type="text/javascript">
Backbone.sync = function (method, model) {
document.write(`This is sync function which is
called for ${method} an model ` +
JSON.stringify(model), '<br>');
};
var Geek = new Backbone.Model({
id: "1001e",
Name: "Cody"
});
Geek.sync = function (method, model) {
document.write(`This is sync function which is
called for ${method} an model ` +
JSON.stringify(model), '<br>');
};
Geek.save();
Geek.save({ id: "1002e", Name: "zetshu" });
</script>
</body>
</html>
Producción:
Modelo de sincronización Backbone.js
Referencia: https://backbonejs.org/#Model-sync
Publicación traducida automáticamente
Artículo escrito por satyam00so y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA