En este artículo, discutiremos la colección Backbone.js toJSON. La colección Backbone.js toJSON se usa para extender la clase de colección de la red troncal en la que podemos crear nuestra propia colección.
Sintaxis :
Backbone.Collection.toJSON(options);
Parámetros: Acepta un parámetro que se describe a continuación:
- options: Tomará la colección y la convertirá a formato JSON.
Ejemplo 1: en este ejemplo, crearemos un modelo de array con un valor y lo devolveremos en formato JSON.
HTML
<!DOCTYPE html>
<html>
<head>
<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.1.2/backbone-min.js"
type="text/javascript"></script>
<script type="text/javascript">
var data = Backbone.Model.extend({
defaults: {
id: "1",
name: "sravan kumar gottumukkala"
},
});
var data1 = Backbone.Collection.extend({
model: data
});
var final = new data1({});
document.write("Values:",
JSON.stringify(final.toJSON()));
</script>
</head>
<body></body>
</html>
Producción:
Values:[{"id":"1","name":"sravan kumar gottumukkala"}]
Ejemplo 2: en este ejemplo, crearemos otro modelo de array con un valor y lo devolveremos en formato JSON.
HTML
<!DOCTYPE html>
<html>
<head>
<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.1.2/backbone-min.js"
type="text/javascript"></script>
<script type="text/javascript">
var data = Backbone.Model.extend({
defaults: {
id: "1",
name: "sravan kumar gottumukkala",
age: "67"
},
});
var data1 = Backbone.Collection.extend({
model: data
});
var final = new data1({});
document.write("Values:",
JSON.stringify(final.toJSON()));
</script>
</head>
<body></body>
</html>
Producción:
Values:[{"id":"1","name":"sravan kumar gottumukkala","age":"67"}]
Referencia: https://backbonejs.org/#Collection-toJSON
Publicación traducida automáticamente
Artículo escrito por sravankumar8128 y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA