jquery - сделайте что-нибудь после того, как все сделано -

Question

У меня есть набор функций для запуска, в последовательности, но первый имеет асинхронную подфункцию. Я хочу, чтобы вторая функция самого высокого уровня запускалась только после завершения функции async. Любая идея, как я это делаю?

Файл A:

one(); 
two(); // I don't want this to run until after one()'s $.ajax success callback 

---

function one() { 
    doSomethingElse(); 
    $.ajax(url, {data: data}, function(){ 
     // do two(); 
    }); 
} 

Answer 1

Изменение ваша функция возвращает объект AJAX:

function one() { 
    doSomethingElse(); 

    return $.ajax({ 
     url: url, 
     data: data 
    }); 
} 

А теперь вы:

one().done(function() { 
    two(); 
}); 

Это немного чище, чем положить two() непосредственно в функцию обратного вызова.

Answer 2

Обещания лучший вариант для ваших целей

jQuery deferreds and promises - .then() vs .done()

Answer 3

function one() { 
    doSomethingElse(); 
    $.ajax(url, {data: data}, function(){ 
     // do two(); 
     two(); 
    }); 
} 

function two(){ 
alert("here"); 
}