jQuery ajaxを同期処理させたい

Question

ajax({
})
.done(function(data) {
....
});

ajax({
})
.done(function(data) {
....
});

ajax({
})
.done(function(data) {
....
});

//以下が上のajaxのdone全ての完了後に実行したい部分
......
......

のような処理を実現したいのですが、どうすればよいでしょうか？
ちなみにajaxどうしは非同期処理でも大丈夫です。

Answer 1

$.when(
  ajax({
  }).done(function(data) {
  ....
  }),
  ajax({
  }).done(function(data) {
  ....
  }),
  ajax({
  }).done(function(data) {
  ....
  })
).done(function(data) {
  ajaxのdone全ての完了後に実行したい部分
});

Comments

[退会済みユーザー]

ありがとうございます。無事できました。

Answer 2

https://developer.mozilla.org/ja/docs/Web/JavaScript/Reference/Global_Objects/Promise/all
Promise.allとかどうでしょう

※jQueryならwhenでもいいかな
https://www.tam-tam.co.jp/tipsnote/javascript/post5807.html

Comments

[退会済みユーザー]

ありがとうございます。
promise.allとういうのもあるのですね。勉強になりました。
リンクもありがとうございます。非常にわかりやすかったです。