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

Question

我想首先调用checkifPresentInActiveProjLib函数，然后调用checkifPresentInClosedProjLib函数。我怎么做到这一点？

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

你可以使用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 2

只需使用promises来处理异步事件。您需要修改您的checkifPresentInActiveProjLib以返回承诺，在这种情况下您的承诺是$.ajax(...);所以您执行return $.ajax(...);然后只需按以下方式调用下一个func：

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

Answer 3

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

你可以通过调用第一个函数中ajax函数部分的响应部分中的第二个函数来做到这一点。

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(...)