Последовательные вызовы Ajax

Мне нужна небольшая помощь в разработке моего приложения. Используя Ajax, я хочу получать некоторые ресурсы PHP последовательно, но не думаю, что их можно получить с помощью метода JQuery $. Ajax .

Я думаю, что что-то подобное означает неправильный дизайн:

$.ajax({
     url: SERVERURL+'index.php/home/checkAvailability',
     datatype: 'text',
     success: function(data){
        if(data == 'unavailable'){
           // do stuff
        }
        else{
           $.ajax({
              url: SERVERURL+'index.php/home/getWebTree/',
              dataType: 'json',
              success: function(data){
                 // do stuff
              }
           });
        }
     }
  });

Кто-нибудь может предложить мне улучшить дизайн? Как я могу сделать то же самое лучше?

Спасибо!

РЕДАКТИРОВАТЬ: как @arnorhs говорит нам, использование параметра async может быть решением. Но я все еще думаю, что есть другие решения вместо использования последовательных вызовов ajax.

EDIT2: checkAvailability и getWebTree - это функции PHP, использующие CodeIgniter, которые я ' ve разработан для получения ресурсов с внешнего сервера с использованием объекта Http_Request .

function checkAvailability() {
      $this->load->library('pearloader');
      $http_request = $this->pearloader->load('HTTP', 'Request');
      $http_request->setURL('http://myurl');
      $http_request->_timeout = 5;
      $http_request->sendRequest();
      $res = 'available';
      if (!$http_request->getResponseCode())
         $res = 'unavailable';
      return $res;
   }