Skip to content
Related Articles

Related Articles

Backbone.js toJSON Collection

Improve Article
Save Article
  • Last Updated : 13 Jun, 2022
Improve Article
Save Article

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


My Personal Notes arrow_drop_up
Related Articles

Start Your Coding Journey Now!