我真的希望我正在做一些愚蠢的事情,但我似乎找不到它。
我正在尝试在 promise 链中间使用 Ember.RSVP.all 。我的示例比我的使用简单得多,但它说明了问题。在 promise 链的中间,我有一组 promise ,所有这些 promise 都需要解决,然后链才能继续 - 这正是我所理解的 RSVP.all 的用途。
不幸的是,当我返回 RSVP.all 对象时,链中的下一个 Promise 立即运行,而不等待传递给 all() 的 Promise。
我已经设置了一个 js fiddle 来以我能想到的最佳方式进行演示: http://jsfiddle.net/3a9arbht/3/
请注意,First 和 Second 几乎同时解析,而 Second 应该在 1s promise 返回之后。第三和第四个按预期进行。
fiddle 代码如下所示:
function delayAjax(delay) {
return Ember.$.ajax({
url: '/echo/json/',
data: {
json: '',
delay: delay,
}
});
}
delayAjax(1).then(function() {
Ember.$('#first').addClass('red');
var proms = [delayAjax(1), delayAjax(1)];
return Ember.RSVP.all(proms)
}).then(function() {
Ember.$('#second').addClass('red');
return delayAjax(1);
}).then(function() {
Ember.$('#third').addClass('red');
return delayAjax(1);
}).then(function() {
Ember.$('#fourth').addClass('red');
});
最佳答案
根据对另一个问题的回答进行回答。看来,虽然 $.ajax
响应确实是“thenable”,但它是一个 jQuery 延迟对象,而不是 Promise。我不清楚为什么它们不能很好地协同工作,但解决方案就是将 ajax 调用转换为 Promise:
function delayAjax(delay) {
return Promise.resolve($.ajax({
url: '/echo/json/',
data: {
json: '',
delay: delay,
}
}));
}
使用可用的 fiddle :http://jsfiddle.net/evilbuck/vqut9zy2/3/
关于javascript - Ember.RSVP.all 似乎立即解决,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/27415023/