El modelo de URL de Backbone.js es una función que se utiliza para obtener la URL relativa donde se ubicaría el recurso del modelo en el servidor. Si el modelo está ubicado en otro lugar, invalide este método con la lógica correcta para obtener el modelo. Las URL generales tienen la forma de [Colección.url]/[id]’, pero podemos anular esto especificando urlRoot si el modelo quiere una URL separada.
Sintaxis:
model.url() ;
Parámetros: No toma ningún parámetro.
Ejemplo 1: En este ejemplo, ilustraremos el modelo de URL de Backbone.js. En este ejemplo, obtenemos la URL relativa del modelo que forma parte de la colección. Aquí url sería el formulario general.
HTML
<!DOCTYPE html>
<html>
<head>
<title>BackboneJS url 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 url Model</h3>
<script type="text/javascript">
var Person = Backbone.Model.extend();
var collection = Backbone.Collection.extend({
model: Person,
url: '/book/author'
});
// Creating instance of collectoin;
var Coll_Person = new collection();
// Adding model to collection
var person = new Person();
Coll_Person.add(person)
document.write(`Resource for the Model is
reside at : <b> ${person.url()} </b> `);
</script>
</body>
</html>
Producción:
Modelo de URL de Backbone.js
Ejemplo 2: En este ejemplo, anularemos la forma general de url con la propiedad urlRoot del modelo y el atributo id del modelo.
HTML
<!DOCTYPE html>
<html>
<head>
<title>BackboneJS url 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 url Model</h3>
<script type="text/javascript">
var Person = Backbone.Model.extend({
urlRoot:
'https://...com/posts/1/comments'
});
// The instance with id attributes
var person = new Person();
document.write(`Overriding the url of Model
with urlRoot : <b> ${person.url()} </b><br> `);
// If we set id attribute
person.set('id', 10);
document.write(`Overriding the url of Mode with
urlRoot and id : <b> ${person.url()} </b> `);
</script>
</body>
</html>
Producción:
Modelo de URL de Backbone.js
Referencia: https://backbonejs.org/#Model-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