Руководство по созданию иерархии обещаний jQuery

Question

Я пытаюсь задерживать некоторые активы для веб-сайта. Я очень новичок в обещаниях, но они, похоже, очень полезны в этом контексте. В частности, у меня есть метод ниже, который я создал для загрузки как файлов HTML, так и CSS, а затем переверните наблюдаемый элемент KnockoutJS, указав, что секция затем доступна. Этот метод выглядит следующим образом:

function delayDownloadAssets(sectionName) { 
var htmlRequest = $.ajax({ url: 'http://www.example.com/' + sectionName + '.html' }), 
cssRequest = $.ajax({ url: 'http://www.example.com/' + sectionName + '.css' }); 

$.when(firstRequest, secondRequest).done(function (firstResponse, secondResponse) { 
    //Insert HTML assets and CSS assets into DOM 
    app.sections[sectionName].enabled(true); 
}); 
} 

я могу вызвать метод несколько раз, как:

delayDownloadAssets("Section1"); 
delayDownloadAssets("Section2"); 
delayDownloadAssets("Section3"); 

До сих пор, так хорошо. Но я хотел бы обернуть все три вызова загрузки загрузки аналогичным образом, чтобы я мог принять меры. Что-то вроде:

$.when(delayDownloadAssetsCall1, delayDownloadAssetsCall2,delayDownloadAssetsCall3).done(function() { 
    alert('Web site download is entirely complete!'); 
}); 

Я надеюсь, что этот вопрос ясен, но если она нуждается в разъяснении, пожалуйста, дайте мне знать. Благодаря!

Answer 1

Он должен работать так, как если бы вы вернули результат $ .when:

function delayDownloadAssets(sectionName) { 
    var htmlRequest = $.ajax({ url: 'http://www.example.com/' + sectionName + '.html' }), 
     cssRequest = $.ajax({ url: 'http://www.example.com/' + sectionName + '.css' }); 

    //add return here 
    return $.when(firstRequest, secondRequest).done(function (firstResponse, secondResponse) { 
     //Insert HTML assets and CSS assets into DOM 
     app.sections[sectionName].enabled(true); 
    }); 
} 

Answer 2

Почему не просто цепь 3 с проделанными функциями.

т. Е. Выполняемая функция первого вызова вызывает вторую и вторую выполняемую функцию, вызывает третью и, наконец, функцию завершения третьего вызова делает все, что вам нужно.

UPDATE:

работать в Paralel вам потребуется код асинхронной.
Сначала создайте глобальную

var doneFlag = 0; 

Я бы тогда называть каждый помощью SetTimeout с проделанной функцией, которая содержит только

doneFlag++; 

Затем четвертую функцию SetTimeout, которая вызывает простой цикл

while(doneFlag != 3) 
{ 
    var x = 5+5; //just to keep from crashing js 
} 
//any code you want to run after complete dl of all. 

Answer 3

С delayDownloadAssets написан как указано Esailija, вы можете пойти дальше:

function loadSections(sections) { 
    return $.when.apply(null, sections.map(delayDownloadAssets)); 
} 

вызова следующим образом:

var sections = ["Section1", "Section2", "Section3"]; 

loadSections(sections).then(function() { 
    //Web site download is entirely complete! 
});