Question

I am not writing a plugin. I am just looking for a simple clean way to let myself know when a certain function has finished executing ajax calls or whatever.

So I have this:

function doSomething() {
...
   getCauses("", query, function () {
       alert('test');  
   });
...
}

function getCauses(value, query) {
//do stuff...
}

Of course the alert never happens. I have a $.ajax call inside getCauses and would like to alert or do some action after getCauses finishes executing and then running the line of code from where the function was called.

Ideas? Thanks.

Answer 1

You first need to add the parameter to getCauses:

function getCauses(value, query, callback) {
}

Then, inside of your $.ajax call, call the callback parameter in your AJAX completion callback:

$.ajax({
    // ...
    complete: function() {
        // Your completion code
        callback();
    }
});