Выполнение групп ajax запросов один за другим

Question

У меня есть 3 массива по 10 URL-адресов.

Что я хочу:

Сначала все Аякса запросы адресов в первом массиве получить казнены.

Затем Аякс запросы второго URLs массива получить выполнен

и в последнем запрашивает третий массив ursl получить казнен.

Answer 1

Вы можете использовать обещания (ES6) для очереди ваших запросов и продолжить, как только очередь будет очищена.

var array1 = ['url1', 'url2', 'url3']; 
var array2 = ['url1', 'url2', 'url3', 'url4']; 
var array3 = ['url1', 'url2']; 

function createPromiseArray(list){ 
    return new Promise(function(resolve, reject){ 
     var queue = []; 
     for(var i=0; list.length > i; i++){ 
      queue.push(doRequest(list[i])); 
     } 
     Promise.all(queue).then(function(){ 
      resolve(); 
     }); 
    } 
} 

function doRequest(url){ 
    return new Promise(function(resolve, reject){ 
     // do ajax request 
     if (!error) { 
      resolve(data); 
     }else{ 
      reject(data); 
     } 
    } 
} 

createPromiseArray(array1) 
    .then(function(){ 
     createPromiseArray(array2); 
    }) 
    .then(function(){ 
     createPromiseArray(array3); 
    }) 
    .then(function(){ 
     console.log('all done'); 
    }) 

подробнее на обещаниях можно найти здесь https://developer.mozilla.org/en/docs/Web/JavaScript/Reference/Global_Objects/Promise

Вы также, возможно, потребуется использовать polyfill для старых браузеров, которые вы можете найти здесь https://www.promisejs.org/