javascript - 使用 AJAX 时如何避免嵌套函数？

Question

顺序异步调用很恶心。是否有更具可读性的解决方案？

问题是这很难理解:

ajaxOne(function() {
  // do something
  ajaxTwo(function() {
    // do something
    ajaxThree()
  });
});

其中匿名函数是在服务器响应时调用的回调。

我正在使用第三方 API 进行 AJAX 调用，因此我需要一个通用的解决方案。

Answer 1

函数式编程来拯救! jsdeferred让你像这样写你的例子:

next(ajaxOne).next(ajaxTwo).next(ajaxThree).error(function(e){alert('An error happened:' + e)})

每个“顺序”ajaxOne/Two/Three 函数都接收其前身的返回结果作为参数。如果您需要传递额外的参数，您可以在调用您的 ajax 链之前将它们暴露在一个全局对象中。