Mastering jQuery UI

Implementing the initialize method

In this method, we will load the JSON from the server and display the album names in the left panel. Write the following code inside the initialize method to get the JSON from the server:

$.getJSON( "albums.json", function(data) 
{
  albums.jsonAlbums = data;
  albums.fillAlbumNames();
  albums.addEventHandlers();
});

Here we are using jQuery's getJSON method to fetch JSON from the server. We have specified albums.json as the URL and a success handler when a response is received. In success event handler, response is received in a variable data that we place in property jsonAlbums.

Next, we call the methods fillAlbumNames and addEventHandlers of the albums object.