我如何在javascript中先调用函数然后再调用第二个函数

Question

我想打电话给checkifPresentInActiveProjLib第一和后功能checkifPresentInClosedProjLib function.How我实现这一点？

checkifPresentInActiveProjLib(function(flgAc) {
    if (flgAc === "active_found")
        // do something

    $.ajax(...); // ajax call
});

checkifPresentInClosedProjLib(function(flgCl) {
    if (flgCl === "closed_found")
        // do something

    $.ajax(...); // ajax call
});

Answer 1

只需使用Promise即可处理异步事件。 您需要修改checkifPresentInActiveProjLib以返回诺言，在这种情况下，您的诺言是$.ajax(...); 所以你确实return $.ajax(...); 然后只需按以下方式调用下一个func：

 checkifPresentInActiveProjLib(...)
.then(function() { 
      checkifPresentInClosedProjLib(args)
})

Answer 2

您可以使用javascript Promise对象

  function  checkifPresentInActiveProjLib(flgAc) {
    if (flgAc === "active_found")
        alert('active_found');
};

function checkifPresentInClosedProjLib(flgCl) {
    if (flgCl === "closed_found")
        alert('closed_found');
};

function makeAjaxCall(){
   var promiseObj = new Promise(function(resolve, reject){
         resolve(checkifPresentInActiveProjLib());
   });
 return promiseObj;
}

 makeAjaxCall().then(checkifPresentInClosedProjLib());

Answer 3

这两个函数中都有异步ajax调用。 如果要在第一个函数完成后调用第二个函数，则需要等待第一个函数完成。

您可以通过在第一个函数的ajax函数部分的response部分中调用第二个函数来简单地做到这一点。

checkifPresentInActiveProjLib(function(flgAc) {
    if (flgAc === "active_found")
        // do something

    $.ajax(...).done(function( data ) {
    // call second function here
  }););
});

或者您可以使用诺言：

checkifPresentInActiveProjLib(function (flgAc) {
    return new Promise(function (resolve, reject) {
        if (flgAc === 'active_found')
        // do something
        $.ajax(...)
                .done(function (data) {
                  if (data) resolve(data);
                })
                .fail(function (err) {
                  reject(err);
                });
    });
});

然后调用函数为：

checkifPresentInActiveProjLib(...).then(data => checkifPresentInClosedProjLib(...)