La colección de análisis de Backbone.js es un método que llama Backbone cada vez que el servidor devuelve los modelos de una colección. La implementación predeterminada simplemente pasa la respuesta JSON. Podemos anularlo con una nueva lógica para analizar la respuesta de manera flexible.
Sintaxis:
collection.parse( response , options );
Parámetros:
- respuesta: Es un objeto sin procesar que contiene datos sobre la solicitud al servidor.
- options: Son los parámetros opcionales con respecto a la respuesta a la solicitud.
Ejemplo 1: En este ejemplo, ilustraremos la colección de análisis de Backbone.js. Aquí analizaremos nuestros modelos cuando los pasemos a la colección al inicio de la colección.
HTML
<!DOCTYPE html>
<html>
<head>
<title>BackboneJS parse collection</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 collection</h3>
<script type="text/javascript">
var Book = Backbone.Model.extend();
var b1 = {
title: "Ram",
Author: "Amish Tripathi",
vol: 1
};
var b2 = {
title: "Lolita",
Author: "Vladimir Nabokov",
vol: 2
};
var b3 = {
title: "The Palace of Illusion",
Author: "Chitra Banerjee",
vol: 1
};
var books = Backbone.Collection.extend({
model: Book,
parse: function (response, options) {
for (let x of response)
document.write(JSON.stringify(x), '<br>');
}
});
var Library = new books([b1, b2, b3], { parse: true });
</script>
</body>
</html>
Producción:
Colección de análisis Backbone.js
Ejemplo 2: En este ejemplo, analizaremos los datos que llegan como resultado de la solicitud de recuperación.
HTML
<!DOCTYPE html>
<html>
<head>
<title>BackboneJS parse collection</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 collection</h3>
<div id='para'> </div>
<script type="text/javascript">
function user_Name(user) {
console.log(user.username);
}
var post = Backbone.Model.extend();
var posts = Backbone.Collection.extend({
model: post,
url: "https://...com/users",
parse: function (response, options) {
_.each(response, user_Name);
}
});
var comments = new posts();
comments.fetch();
</script>
</body>
</html>
Producción:
Colección de análisis Backbone.js
Referencia: https://backbonejs.org/#Collection-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