Load javascript function after other function

Question

I have two functions. I'd like moduleList() to load AFTER reloadModules():

reloadModules();
moduleList();

function reloadModules() {
    $.get(v2_settings_url + 'v2_nav/', null, function(responseText) {
        $('#dock ul').html(responseText).parent().fadeIn();
    });
    $.get(v2_settings_url + 'v2_edit_bar_nav/', null, function(responseText) {
        var target = $('#edit-nav-bar-settings-div');
        target.html(responseText);
    });
};

Saeed Neamati · Accepted Answer · 2011-12-09 07:20:57Z

Then simply pass the moduleList(); function as a callback function (a parameter) to the reloadModules(); function. Then chain your ajax calls and the moduleList(); function this way:

reloadModules(moduleList);

function reloadModules(moduleList) {
    $.get(v2_settings_url + 'v2_nav/', null, function(responseText) {
        $('#dock ul').html(responseText).parent().fadeIn();
        $.get(v2_settings_url + 'v2_edit_bar_nav/', null, function(responseText){
            var target = $('#edit-nav-bar-settings-div');
            target.html(responseText);
            moduleList();
        });
    });
};

Now, in simple words, you're telling the browser to:

Execute reloadModules function, while passing it the moduleList function.
Get something from server
If you got it successfully, get something else from server
If you got it successfully, run the moduleList function

StackFlowed · Accepted Answer · 2011-12-09 07:21:11Z

1

call moduleList(); at the end of reloadModules(); and call reloadModules() where you want to call both ! Hope this helps.

answered Dec 9, 2011 at 7:21

StackFlowed

6,8141 gold badge31 silver badges48 bronze badges

Collectives™ on Stack Overflow

Load javascript function after other function

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related