javascript - 保证Javascript中的异步请求回调顺序

Question

在 Javascript 中，我有两个异步数据请求:

$.getJSON('http://foo.com', fooQuery, fooSuccess(data));
$.getJSON('http://bar.com', barQuery, barSuccess(data));

和两个处理接收到的数据的回调:

fooSuccess(data) { // Stuff }
barSuccess(data) { // More Stuff }

如何确保仅在 fooSuccess 完成后才执行 barSuccess？

注意事项:

• 我想保持数据请求的原样:异步和非阻塞(因为服务器响应可能需要一段时间)。
• 但是，我希望处理数据的回调按顺序执行。也就是说，我不想在 fooSuccess 完成之前执行 barSuccess。

非常感谢您的智慧和帮助!

Answer 1

这是使用由 ajax 请求返回的 jQuery 延迟对象的方法。

var fooDfd = $.getJSON('http://foo.com', fooQuery);
var barDfd = $.getJSON('http://bar.com', barQuery);

fooDfd.then(function(fooData){
    fooSuccess(fooData);
    barDfd.then(barSuccess);
});