La colección de URL de Backbone.js es la propiedad o función de una colección que es la referencia a la ubicación donde se encuentran los datos en el servidor. Todos los modelos de colección utilizan la propiedad url de la colección para construir la url para obtener los datos.
Sintaxis:
collection.url or collection.url( ) ;
Propiedades: No necesita ningún argumento.
Ejemplo 1: En este ejemplo, ilustraremos la colección de direcciones URL de Backbone.js. Usaremos el enlace URL para obtener los datos para la recopilación.
HTML
<!DOCTYPE html>
<html>
<head>
<title>BackboneJS url 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 url collection</h3>
<script type="text/javascript">
var post = Backbone.Model.extend();
var collection = Backbone.Collection.extend({
model: post,
url: 'https://jsonplaceholder.typicode.com/users'
});
var posts = new collection();
posts.fetch();
console.log(posts)
</script>
</body>
</html>
Producción:
Colección de direcciones URL de Backbone.js
Ejemplo 2: En este ejemplo, veremos que la propiedad url de la colección es utilizada por todos sus modelos como enlaces para sus propios datos.
HTML
<!DOCTYPE html>
<html>
<head>
<title>BackboneJS url 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 url collection</h3>
<script type="text/javascript">
var Book_Model = Backbone.Model.extend();
var Collection_Books = Backbone.Collection.extend({
model: Book_Model,
url: '/book/author'
});
document.write("All the Model of collection have same url : <br>");
var Books = new Collection_Books();
var b1 = new Book_Model();
Books.add(b1)
document.write(`Resource for the Model is reside at :
<b> ${b1.url()} </b><br> `);
var b2 = new Book_Model();
Books.add(b2)
document.write(`Resource for the Model is reside at :
<b> ${b2.url()} </b> <br>`);
var b3 = new Book_Model();
Books.add(b3)
document.write(`Resource for the Model is reside at :
<b> ${b3.url()} </b><br> `);
</script>
</body>
</html>
Producción:
Colección de URL de Backbone.js
Referencia: https://backbonejs.org/#Collection-url
Publicación traducida automáticamente
Artículo escrito por satyam00so y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA