In this article, we will discuss Backbone.js toJSON collection. The Backbone.js toJSON collection is used to extend the backbone’s collection class in which we can create our own collection.
Syntax:
Backbone.Collection.toJSON(options);
Parameters: It accepts one parameter that is described below:
- options: It will take the collection and convert it into JSON format.
Example 1: In this example, we will create an array model with one value and return it in JSON format.
HTML
<!DOCTYPE html> <html> <head> type="text/javascript"></script> <script src= type="text/javascript"></script> <script src= 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> |
Output:
Values:[{"id":"1","name":"sravan kumar gottumukkala"}]
Example 2: In this example, we will create another array model with one value and return it in JSON format.
HTML
<!DOCTYPE html> <html> <head> type="text/javascript"></script> <script src= type="text/javascript"></script> <script src= 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> |
Output:
Values:[{"id":"1","name":"sravan kumar gottumukkala","age":"67"}]
Reference: https://backbonejs.org/#Collection-toJSON
Whether you’re preparing for your first job interview or aiming to upskill in this ever-evolving tech landscape, neveropen Courses are your key to success. We provide top-quality content at affordable prices, all geared towards accelerating your growth in a time-bound manner. Join the millions we’ve already empowered, and we’re here to do the same for you. Don’t miss out – check it out now!
