I'd like to create a callback on a simple function.

I have this function which is called on button click:

function main(){ };

So I'd like main(), when its done to call this:

 function test(){ }

I'd like to create a callback on a simple function.

I have this function which is called on button click:

function main(){ };

So I'd like main(), when its done to call this:

 function test(){ }

• javascript
• jquery
• callback

3 Answers 3

function main(callback) {
    // ... do your thing
    callback();
}

main(function(){
    alert('this is the callback speaking');
});

if the main() function not use ajax,you can use：

function main(callback) {
    // ... do your thing
    callback();
}

function test(){}

eg:
<input type="button" onclick="main(test);"/>

if the main() function use ajax,you can call test() in plete function like this:

function main(callback){
    $.ajax({
        ...
        plete: function(XMLHttpRequest, textStatus){
            callback(); 
        },
        ...
    });
}

function test(){
    ...
}
eg:
<input type="button" onclick="main(test);" value="test"/>

As i understood its simple,Sorry if i am not in the point.

function main() {
// ... do your thing
test();
}


function test() {
// ... do your thing in test

}