El modelo de análisis de Backbone.js es una función que se llama cada vez que el servidor devuelve los datos de un modelo. Esta función se pasa con el objeto de respuesta y devuelve los datos del modelo. El modelo tiene una implementación predeterminada de la función de análisis, pero podemos anular esta función para un uso flexible.
Sintaxis:
model.parse( response, options );
Parámetros:
- respuesta: es el objeto de respuesta sin procesar que tiene que analizar los datos.
- opciones: este es un objeto con información sobre el objeto de respuesta sin procesar.
Ejemplo 1: En este ejemplo, ilustraremos el modelo de análisis de Backbonejs anulando la función de análisis predeterminada del modelo.
HTML
<!DOCTYPE html>
<html>
<head>
<title>BackboneJS parse Model</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 parse Model</h3>
<div id='hello'></div>
<script type="text/javascript">
var Person = Backbone.Model.extend({
urlRoot: 'https://...typicode.com/users/1',
parse: function (response, options) {
for (var i in response) {
document.getElementById("hello")
.append(`${JSON.stringify(i)} :
${JSON.stringify(response[i])}`);
}
}
});
var person = new Person();
person.fetch();
</script>
</body>
</html>
Producción:
Modelo de análisis Backbone.js
Ejemplo 2: en este ejemplo, extraeremos todos los correos electrónicos de la respuesta mediante la función de análisis.
HTML
<!DOCTYPE html>
<html>
<head>
<title>BackboneJS parse Model</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 parse Model</h3>
<p id='hello'></p>
<script type="text/javascript">
var Person = Backbone.Model.extend({
urlRoot: 'https://...typicode.com/users',
parse: function (response, options) {
var self = this;
_.each(response, function (data, pos) {
document.write(`${'email' + pos}
: ${data.email} <br>`);
});
}
});
var person = new Person();
person.fetch();
</script>
</body>
</html>
Producción:
Modelo de análisis de Backbonejs
Referencia: https://backbonejs.org/#Model-parse
Publicación traducida automáticamente
Artículo escrito por satyam00so y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA