Skąd wiadomo, kiedy kończy się ostatnia asynchronizacja?

Question

mam coś takiego:

for (var i=0;i<result.qry.ROWCOUNT;i++) { 
    myAsync(i); 
} 

Skąd mam wiedzieć, kiedy wszystkie moje funkcje asynchroniczne zakończeniu wykonywania?

Na ryzyko, że ktoś odpowie "Potrzebuję więcej jQuery!", Czy mogę użyć obiektu obietnicy jQuery? Lub odroczone czy coś w tym stylu?

Answer 1

W jQuery dostępna jest funkcja $.ajaxStop, która działa po uruchomieniu ostatniego Ajaxa.

Answer 2

Śledź, ile połączeń asynchronicznych są zaległe. Kiedy skończysz, zmniejsz swój licznik. Gdy dojdziesz do 0, jesteś w ostatnim oddzwonieniu.

var asyncsLeft = 0; 
for (var i=0;i<10;++i){ 
    asyncsLeft++; 
    doSomethingAsyncWithCallback(function(){ 
    // This should be called when each asynchronous item is complete 
    if (--asyncsLeft==0){ 
     // This is the last one! 
    } 
    }); 
} 

Ze względu na jednowątkowym charakter JavaScript nie ma możliwości wyścigu, gdzie można dostać swoją zwrotna wywoływana przed wszystkich połączeń asynchronicznych zostały kolejce. Bezpiecznie jest umieścić wywołanie asyncsLeft++ po doSomethingAsynchronous, jeśli chcesz.

Answer 3

Użyj funkcji zwrotnej:

for (var i=0;i<result.qry.ROWCOUNT;i++) { 
    myAsync(i, myCallback); 
} 

function myCallback(i){ 
    //set result.qry.ROWCOUNT to a var somewhere above if it's not available in this scope 
    if(i == (result.qry.ROWCOUNT - 1)){ 
    //now you know you're actually done with all requests 
    } 
} 
function myAsync(i,callback){ 
    ///do work 
    callback(i); 
} 

Answer 4

Jeśli używasz jQuery, można również użyć metod ajaxSend i ajaxComplete zachować swój kod licznika oddzielone od kodu wysyłki.

var ajaxPending = 0; 

function ajax_changed(indicator, pending) { 
    if (pending) 
     $(indicator).show(); 
    else 
     $(indicator).hide(); 
} 

$('#loading-indicator').ajaxSend(function() { 
    ajax_changed(this, ++ajaxPending); 
}); 

$('#loading-indicator').ajaxComplete(function() { 
    ajax_changed(this, --ajaxPending); 
}); 

Answer 5

ten sposób byłoby to zrobić:

//Do stuff up here to get records 
var rowCount = result.qry.ROWCOUNT, //Save the row count 
    asyncCount = 0, //The count of complete async calls 
    asyncCallback = function() { 
     //To be called whenever an async operation finishes 
     asyncCount++; //Increment the row counter 
     if (asyncCount >= rowCount) { 
      //Do stuff when they're all finished 
     } 
    }; 

for (var i=0;i<rowCount;i++) { 
    myAsync(i, asyncCallback); 
} 

function myAsync(index, completeCallback) { 
    //Do async stuff with index 
    //Call completeCallback when async stuff has finished or pass it 
    // into the async function to be called 
}