Jak jQuery funkcje sekwencyjne

Question

Mam następujący kod:

$(document).ready(function() { 
    loadStuff(someURL, someID); 
    showStuff('foo'); 
}); 

showStuff() opiera się na treści generowanej przez loadStuff(), ale wydaje się, jakby showStuff() jest falstart przed wspomnianym treść jest dostępna . Jak zmusić ich do sekwencyjnego uruchamiania?

Aktualizacja: Tak, w loadStuff są wywołania ajaxowe, ale niestety są to jsonp, więc nie można ich nazwać synchronicznie.

Answer 1

przepisać jako:

$(document).ready(function() { 
    loadStuff(someURL, someID, function() { showStuff('foo'); }); 
}); 

gdzie trzeci parametr loadStuff jest wywołania zwrotnego do połączenia po jego zawartość jest ładowana

Answer 2

wywołanie showStuff w powodzeniu wywołania ajax wywoływanym przez loadStuff.

Zobacz także How can I get jQuery to perform a synchronous, rather than asynchronous, Ajax request?

Answer 3

Robią run sekwencyjnie, ale rzeczy wewnątrz loadStuff nie może być (zwłaszcza jeśli loadStuff wykonuje asynchroniczny HTTP żąda). Jest to kod wewnątrzloadStuff który nie jest uruchamiany sekwencyjnie.

Zazwyczaj ja po prostu powiedzieć „musimy sposób więcej kontekstu kodu aby odpowiedzieć na to pytanie”, ale nie na tyle, aby powiedzieć:

Albo użyć żądania HTTP synchroniczny lub przenieść rozmowę do showStuff do wywołanie zwrotne na żądanie dla twojego asynchronicznego, tak że odpala ono tylko po zakończeniu żądania.

Answer 4

elegancki sposób wykorzystuje jQuery.Deferred, zwłaszcza Deferred.pipe. Zobacz przykład Understanding jQuery Deferred.pipe() dla przykładu.

Answer 5

Można:

Przełęcz showStuff jako delegat do zwrotnego powoływać się na udanej odpowiedzi od rozmowy AJAX w loadStuff().

Przykład:

function loadStuff() { 

     $.ajax({ 
     url: "Stuff/GetStuff", 
     success: function(){ 
     showStuff(); 
     } 
    }); 

} 

Lub mniej elegancki sposób, po prostu sprawdzić, czy dane są ładowane tak często, aż będzie:

var timerId = setInterval(showStuff, 50); 

function showStuff() { 
    if (stuffIsLoadded) { 
    // do show stuff stuffs. 
    clearInterval(timerId); 
    } 
}