Backbone.js - Getting JSON back from url

backbone.js, javascript, json

Solution

`fetch` is a asynchronous call, so if you want to get the response, pass a `success` callback into the arguments.

stuff.fetch({
  success: function (collection, response) {
    console.log(response);
  }
})

More on Backbone.js Homepage

Problem

While trying to learn Backbone.js, I've been trying to grab the content of a JSON file using the following code: ``` (function($){ var MyModel = Backbone.Model.extend(); var MyCollection = Backbone.Collection.extend({ model : MyModel, url: '/backbone/data.json', parse: function(response) { console.log(response); return response; } }); var stuff = new MyCollection; console.log(stuff.fetch()); console.log(stuff.toJSON()); })(jQuery) ``` 'stuff.fetch()' returns the entire object (with the data I'm after in responseText), 'stuff.toJSON' returns nothing ([]), but the console in the parse method is returning exactly what I want (the json object of my data). I feel like I'm missing something obvious here, but I just can't seem to figure it out why I can't get the right data out. Could someone point me in the right direction or show me what I'm doing wrong here? Am I using a model for the wrong thing?

Original source