Wait For All шаблон синхронизации в Javascript

Question

A JS контроль вызывает службу передачи данных и продолжает рендеринг самостоятельно, не дожидаясь результата. Иногда служба возвращается после того, как элементы управления полностью отображаются, иногда - раньше. Как вы применяете WaitForAll в JS? Я использую jQuery.

Вот что я сделал сам: (Utils.WaitForAll просто подсчитывает количество обращений, как только это согласуется с графом она называет ручкой)

// before we started 
var waiter = Utils.WaitFor({handle: function(e){ alert("got called"; }, count: 2}); 

, как он сработал:

// place one 
waiter.Notify({one: {...}}); 

, а затем

// place two (can occur before one though) 
waiter.Notify({two: {...}}); 

, который триггеры, ручка имеет значения, помеченные как one & two в своем e. Официант является дополнительным «глобальным» var, путешествующим по стеку, который мне не очень нравится, и это еще один новый объект в конце концов ... Любые очевидные проблемы с моим подходом?

Answer 1

Вы должны взглянуть на интерфейс обещаний CommonJS (реализованный jQuery.Deferred), он обеспечивает прогресс callback, который может быть использован в этом случае.

Пример кода:

var waiter = $.Deferred(); 
var len = 2; 
waiter.done(function() { 
    alert("Hooray!!!"); 
}); 
waiter.progress(function() { 
    if(--len === 0) { 
     waiter.resolve(); 
    } 
}); 
// somewhere 
$.ajax({ 
    ... 
    data: somedata, 
    success: function() { 
     waiter.notify(); 
    } 
}); 
// somewhere else 
$.ajax({ 
    ... 
    data: someotherdata, 
    success: function() { 
     waiter.notify(); 
    } 
}); 

Подробнее о отложила:

• jQuery Deferred API
• Узнайте, как использовать Отложенный here
• How to use deferred objects in jQuery (от OP-х answer к тому же вопросу)

Answer 2

Я нашел именно пшеницу мне нужно быть JQuery Отложенный, обратитесь к статье: http://richardneililagan.com/2011/05/using-deferred-objects-in-jquery-1-5/