Question

How can I write ajax calls using backbone.js, I read that sync is the key to ajax calls in backbone.js, but I am not able to understand it properly. It would be really helpful if it can be explained with an example.

Thank you

Answer 1

Actually I don’t usually call sync by my own. We can say the sync is the storage system connection, sync by default use an AJAX REST API to persists and load the objects. sync is the method you have to overwrite if you want to use another storage system.

Instead of calling sync directly you use methods like fetch, save, destroy, … wich ones will call sync internally.

In the documentation there are several examples:

• Model.fetch
• Model.save
• Model.destroy
• ..

and more for Collection

The most simple example that comes to my mind can be how to load a Book Model from this url: http://myapp.com/books/my_book.json

# code simplified and not tested
var Book = Backbone.Model.extend({
  urlRoot = "http://myapp.com/books"
});

var myBook = new Book({ id: "my_book" });
myBook.fetch(); # => this is when the AJAX call is done, among other things