javascript - 使用 JqueryAJAX 中的 ".then"到 "normal"函数？

Question

情况如下:

$("#someThing").datepicker({
  //someOptions,
  onSelect: function() {
    /*Does some async stuff*/
    AJAXCALL();
    /*execute AFTER ajaxcall has finished*/
    foo();
  }
})


function AJAXCALL() {
  $.post('someUrl.php', {
    //nothing to transmit
  }, someFunction(data))
}

事情是，导致处理 DataFromTheDatabase 的级联函数。这个级联内部的代码要么是同步的，要么内部有异步/等待部分可以正确同步代码。

最终，初始 AJAXCALL() 和后续函数必须在执行 foo() 之前完成。

执行以下操作是否足够:

$("#someThing").datepicker({
  //someOptions,
  onSelect: function() {
    AJAXCALL().then(() => {
      foo()
    })
  }
})


function AJAXCALL() {
  return $.post('someUrl.php', {
    //nothing to transmit
  }).then((data) => someFunction(data))
}

Answer 1

使用当前版本的 jQuery 已经足以像您在第二个示例中那样编写它:

$("#someThing").datepicker({
  //someOptions,
  onSelect: function() {
    AJAXCALL().then(() => {
      foo()
    })
  }
})


function AJAXCALL() {
  return $.post('someUrl.php', {
    //nothing to transmit
  }).then((data) => someFunction(data))
}

因此 someFunction 将在调用 foo 之前被调用。

而且你不需要写 .then((data) => someFunction(data)) 而你可以只写 .then(someFunction)。 foo 也是如此:

$("#someThing").datepicker({
  //someOptions,
  onSelect: function() {
    AJAXCALL().then(foo)
  }
})


function AJAXCALL() {
  return $.post('someUrl.php', {
    //nothing to transmit
  }).then(someFunction)
}