Как создать очередь ajax запросов? [дубликат]

<button>Запустить</button> 
 
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
<script> 
  $(document).ready(function() { 
    var urls = { 
      1: { url: 'https://google.com/' }, 
      2: { url: 'https://yandex.com/' }, 
      3: { url: 'https://yahoo.com/' } 
    }; 
 
    function getUrls() { 
      var keys = Object.keys(urls); 
      getOneUrl(0); 
       
      function getOneUrl(index) { 
        $.ajax({ 
            url: urls[keys[index]].url, 
            beforeSend: function() { 
              console.log('Получение ответа от: ' + urls[keys[index]].url + ' ...'); 
            } 
          }) 
          .always(function(data) { 
            console.log('Получен ответ от: ' + urls[keys[index]].url); 
            if (index < keys.length - 1) { 
              console.log("ждем 5 секунд"); 
              setTimeout(getOneUrl, 5000, index + 1); 
            } 
          }); 
      } 
    } 
 
    $("button").on('click', function() { 
      getUrls(); 
    }); 
  }); 
</script>

<button>Запустить</button> 
 
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
<script> 
  $(document).ready(function() { 
    var urls = { 
      1: { url: 'https://google.com/' }, 
      2: { url: 'https://yandex.com/' }, 
      3: { url: 'https://yahoo.com/' } 
    }; 
 
    var size = Object.keys(urls).length; 
 
 function getUrl(){ 
 
    $.each(urls, function(i, elem){ 
 
    setTimeout(function(){ 
      $.ajax({ 
        url: elem.url, 
        beforeSend: function(){ 
          console.log('Получение ответа от: '+ elem.url +' ...'); 
        } 
      }) 
      .always(function(data){ 
        console.log('Получен ответ от: '+ elem.url); 
        if (i < size) 
          console.log("ждем 5 секунд"); 
        else 
          console.log("Конец"); 
      }); 
       
    }, 5000*(i-1)); 
    }); 
    
  } 
    $("button").on('click', function() { 
      getUrl(); 
    }); 
  }); 
</script>