一个接一个加载javascript函数

Load javascript function after other function

本文关键字：一个 函数 javascript 加载      更新时间：2023-09-26

我有两个函数。我想moduleList()加载后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);
    });
};

然后简单地将moduleList();函数作为回调函数(参数)传递给reloadModules();函数。然后将ajax调用和moduleList();函数以这种方式链接起来:

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

现在，简单地说，你在告诉浏览器:

  1. 执行reloadModules函数，同时传递moduleList函数。
  2. 从服务器获取内容
  3. 如果成功，从服务器
    4. 获取其他内容
  4. 如果成功，运行moduleList函数

call moduleList();在reloadModules()结束时;并在需要同时调用reloadModules()的地方调用它们!

相关文章：