如何在 ajax 调用中使用 Promise答案

【问题标题】：How to use a promise with ajax call如何在 ajax 调用中使用 Promise
【发布时间】：2019-01-21 18:28:37
【问题描述】：

我有一个从文件中获取数据的 ajax 调用。我使用这些数据来解析窗口上的一些元素。
但是，我之前也使用过另一个 ajax 调用，我用它来决定在另一个 ajax 调用中发送哪些参数..

我知道如何使用成功事件“链接”调用。但是，在某些情况下，不可能将它们链接起来，它们会被单独调用。在这种情况下，我需要另一种机制来解决问题。

现在我使用计时器和标志.. 但我知道Promises 是最好的现代方式。但我不知道如何在这种情况下使用它。

任何人都可以帮助制作骨架，解释 - 代码吗？

谢谢

【问题讨论】：

看看 fetch API developer.mozilla.org/en-US/docs/Web/API/Fetch_API/Using_Fetch 它是基于 promise 的，你可以创建一个不错的链 :) fetch('someUrl').then(res => res.json())。 then(res => { return fetch('anotherUrl').then(res => res.json()).then(res => ...
不要把东西放在success回调中，而是放在then callbacks from which you can return中。然后chain them。 That's all!
请向我们展示您拥有的代码，尤其是您认为常规方法不再适用的情况。否则这个问题很难回答。

【解决方案1】：

$.ajax 返回一个 jQuery Deferred 对象，可以像 Promise 一样使用。您可以将结果分配给一个变量，然后使用它来进行下一次调用。

var promise = $.ajax(...);
...
promise.then(function(result) {
    var second_promise = $.ajax(...);
    ...
    second_promise.then(...);
});

【讨论】：