如何使用 jQuery Promises 顺序链接三个异步调用？

使用 jQuery Promises 链接三个异步调用

您需要按顺序执行三个异步 HTTP 调用，从一个调用传递数据到下一个。提供的代码对两个函数使用延迟对象，但需要对三个函数进行扩展。

在每种情况下，返回 $.ajax() 生成的 jqXHR 对象。这些对象与 Promise 兼容，允许与 .then()/.done()/.fail()/.always() 链接。对于这种情况，.then() 是合适的。

<code class="javascript">function first() {
   return $.ajax(...);
}

function second(data, textStatus, jqXHR) {
   return $.ajax(...);
}

function third(data, textStatus, jqXHR) {
   return $.ajax(...);
}</code>

在“main”函数中，使用 .then() 将函数链接在一起。

<code class="javascript">function main() {
    first().then(second).then(third);
}</code>

参数数据， textStatus 和 jqXHR 源自前面函数中的 $.ajax() 调用。换句话说，first() 提供了 secondary()，而 secondary() 提供了third()。

（为了说明，使用 $.when('foo') 生成一个已完成的 Promise 来代替 $。 ajax(...))。

以上是如何使用 jQuery Promises 顺序链接三个异步调用？的详细内容。更多信息请关注PHP中文网其他相关文章！