I am completely new to Javascript/jquery world and need some help. Right now, I am writing one html page where I have to make 5 different Ajax calls to get the data to plot graphs. Right now, I am calling these 5 ajax calls like this:

$(document).ready(function() {

    area0Obj = $.parseJSON($.ajax({

        url : url0,

        async : false,

        dataType : 'json'

    }).responseText);



    area1Obj = $.parseJSON($.ajax({

        url : url1,

        async : false,

        dataType : 'json'

    }).responseText);

.

.

.

    area4Obj = $.parseJSON($.ajax({

        url : url4,

        async : false,

        dataType : 'json'

    }).responseText);



    // some code for generating graphs



)} // closing the document ready function 

My problem is that in above scenario, all the ajax calls are going serially. That is, after 1 call is complete 2 starts, when 2 completes 3 starts and so on .. Each Ajax call is taking roughly around 5 - 6 sec to get the data, which makes the over all page to be loaded in around 30 sec.

I tried making the async type as true but in that case I dont get the data immediately to plot the graph which defeats my purpose.

My question is:
How can I make these calls parallel, so that I start getting all this data parallely and my page could be loaded in less time?

Thanks in advance.