jquery - do something after everything is done -

Question

I have a set of functions to run, in sequence, but the first one has an asynchronous sub-function. I want the second highest-level function to run only after the async function completes. Any idea how I do this?

File 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();
    });
}

Why dont you just call the two() at the `success` method of the $.ajax? — Vassilis Barzokas, May 15 '13 at 19:38
you could also add `async: false` to your ajax call if you don't want it to run asynchronously. — jmiraglia, May 15 '13 at 19:50

score 1 · Accepted Answer · answered May 15 '13 at 19:39

Change your function to return the AJAX object:

function one() {
    doSomethingElse();

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

And now you do:

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

It's a little cleaner than putting two() directly into the callback.

score 0 · Answer 2 · edited May 23 '17 at 11:49

0

Promises are the best option for your purposes

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

edited May 23 '17 at 11:49

Community

1
1

answered May 15 '13 at 19:38

Vitalii Petrychuk

14,035
8
51
55

score 0 · Answer 3 · answered May 15 '13 at 19:40

0

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

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

answered May 15 '13 at 19:40

rahul maindargi

5,359
2
16
23

jquery - do something after everything is done -

3 Answers3