Siła wywołanie funkcji JavaScript poczekać, aż poprzedni zakończeniu

Question

mam prostą funkcję JavaScript:

makeRequest(); 

Robi kilka rzeczy i umieszcza sporo zawartości do DOM.

robię kilka połączeń tak:

makeRequest('food'); 
makeRequest('shopping'); 

one jednak zarówno ogień tak szybko, że są one natrafienia na siebie nawzajem palcami. Ostatecznie potrzebuję go, aby mieć funkcjonalność.

makeRequest('food'); 
wait.... 
makeRequest('shopping'); only if makeRequest('food') has finished 

Myślisz o tym, żeby wykonać je tylko po jednym na raz?

Dzięki!

Answer 1

Jeśli te funkcje faktycznie wykonują żądanie AJAX, lepiej zachować je asynchronicznie. Możesz wykonać synchroniczne żądanie AJAX, ale to zatrzyma przeglądarkę od odpowiedzi i prowadzić do złego doświadczenia użytkownika.

Jeśli to, czego potrzebujesz, jeśli żądania AJAX są tworzone jeden po drugim, ponieważ zależą od siebie nawzajem, powinieneś zbadać swoją funkcję, aby sprawdzić, czy zapewnia mechanizm zwrotny.

makeRequest('food', function() 
{ 
    // called when food request is done 
    makeRequest('shopping'); 
}); 

jQuery, wygląda na coś takiego

$.get("/food", function(food) 
{ 
    // do something with food 

    $.get("/shopping", function(shopping) 
    { 
     // do something with shopping 
    }); 
}); 

Answer 2

Polecam, po prostu zapisać je asynchronicznie - na przykład wywołać makeRequest ('zakupy'); od obsługi zakończenia AJAX pierwszego połączenia.

Jeśli nie chcesz, aby napisać kod asynchronicznie, patrz Javascript Strands

Answer 3

Przypuszczam, że masz sposób wywołania zwrotnego, która dba o odpowiedzi na żądanie? Kiedy już to zrobi, pozwól mu na kolejną prośbę.

Zadeklaruj tablicę na kolejkę, a flagę śledzić status:

var queue = [], requestRunning = false; 

W metodzie makeRequest:

if (requestRunning) { 
    queue.push(requestParameter); 
} else { 
    requestRunning = true; 
    // do the request 
} 

W metodzie zwrotnej, po opiekę nad odpowiedź:

if (queue.length > 0) { 
    var requestParameter = queue.splice(0,1)[0]; 
    // do the request 
} else { 
    requestRunning = false; 
} 

Answer 4

Jeśli chcesz wykonać kilka żądań, wykonaj sekwencję, zobacz Peter Baker's answer na podobne moje pytanie.