Я совершенно новичок в мире Javascript / JQuery и мне нужна помощь. Прямо сейчас я пишу одну HTML-страницу, где мне нужно сделать 5 разных вызовов Ajax, чтобы получить данные для построения графиков. Прямо сейчас я называю эти 5 вызовов ajax следующим образом:

$(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 

Моя проблема в том, что в приведенном выше сценарии все вызовы AJAX выполняются последовательно. То есть после того, как 1 вызов завершен, 2 запускается, когда 2 завершает 3 запуска и т. Д. Каждый вызов Ajax занимает примерно 5–6 секунд, чтобы получить данные, что приводит к загрузке всей страницы за 30 секунд. ,

Я попытался сделать асинхронный тип верным, но в этом случае я не сразу получаю данные для построения графика, который противоречит моей цели.

Мой вопрос: Как я могу выполнить эти вызовы параллельно, чтобы я начал получать все эти данные параллельно, и моя страница могла быть загружена за меньшее время?

Заранее спасибо.