javascript - 使用 jQuery .when .then

Question

我正在尝试调用一个常见的 ajax 函数，该函数应该返回从 PHP 脚本返回的值。

function ajaxCall(url, data, returnType) {
  successData = 0;
  $.when(
    $.ajax({
      type: "POST",
      url: url,
      data: data,
      dataType: returnType,
      success: function(data) {
        successData = data;
      }
    })
  ).done(function(){
    return successData;
  });
  return successData;
}

此函数在文档加载时被调用两次:

$(document).ready(function() {    
  $.when(
    ajaxCall("posts/sales.php", "monthly=Call1", "json", "as"),
    ajaxCall("posts/sales.php", "monthly=Call2", "json", "as")
  ).then(function() {
    // make changes in some table.
  });
});

但是，基于此，由于 ajax 是异步的，上面的 then() 部分会在 when() 完成之前执行。我想要的是，无需等待页面加载，我希望根据 ajax 调用返回的内容更改表中的值。

PS。如果我可以将 ajaxCall 函数的返回值存储在某个变量中就更好了。

Answer 1

阅读jQuery.when()

function ajaxCall(url, data, returnType) {
    return $.ajax({
        type: "POST",
        url: url,
        data: data,
        dataType: returnType,
    });
}

$(document).ready(function() {
    $.when(
        ajaxCall("posts/sales.php", "monthly=Call1", "json", "as"),
        ajaxCall("posts/sales.php", "monthly=Call2", "json", "as")
    ).then(function(resultFromFirstCall1, resultFromSecondCall1) {
        //Do something with result 1 and 2
    });
});