jQueryの when() で、１つ完了するごとに結果を受け取る方法

Question

###実現したいこと

お世話になっております。

when() で同時に処理しつつ、その結果を１つずつ受け取りたいのですが、方法はございますでしょうか。

###該当のソースコード

現状では下記のようにA、Bを取得します。これはA、Bいずれの取得も完了してから、やっと .done に行ける。というものだと思います。

$.when( 
  getA( argsA ),
  getB( argsB )
)
.done(function( A, B ) {
  console.log( A );
  console.log( B );
});

今回は上の処理について、
Aが取得できた時点で console.log( A )して、
Bが取得できた時点で console.log( B )する。
というような処理を考えているのですが、そのようなことをする方法がございましたらご教授願えませんでしょうか。

###目的
getA()、getB() はいずれも検索になりまして、一方の取得が遅くなるケースが想定されます。

ゆえに、いずれも取得が完了してから結果を同時に表示するのではなくて、片方だけでも取得できた時点で順次表示していく方がユーザビリティが高いと考えました。

以上のように、目的は「検索結果の順次表示」になります。

Comments

[m.ts10806]

目的を書かれた方が良いと思います。

[konsai]

なるほど、ありがとうございます。掲載させて頂きました。

[m.ts10806]

ケースだと思うのですが、
Aが成功してBが失敗した場合（通信とか様々な事情で）はどうするのでしょうか。

[konsai]

Bが失敗すれば以下のように素直にそう表示しようと考えていますが、どのような懸念を意図したご質問でしょうか？すみません、jQuery初心者につきご質問の意図が掴めずにおります。

<div class="resultA">
<a>titleA1</a><a>titleA2</a>
</div>
<div class="resultB">
<p>Bの取得に失敗しました</p>
</div>

Answer 1

こういう書き方が出来たような。（未検証）

$.when( 
  getA( argsA ).done( function( A ) { console.log( 1, A ); }),
  getB( argsB ).done( function( B ) { console.log( 1, B ); })
).done( function( A, B ) {
  console.log( 2, A );
  console.log( 2, B );
} );

Comments

[konsai]

ありがとうございます。
こちらの kei344San_1() で検証させて頂きました。
https://jsfiddle.net/qw97u1k3/

すると以下２つのコンソールが同時に表示されつつ、
console.log('getA()を実行');
console.log('getB()を実行');

しかし以下2つは500ズレて表示されました。
console.log( 1, A );
console.log( 1, B );

なので出来ているようです。感謝申し上げます。

[konsai]

ただわからないのが２つございます。先のjsfiddleでコメントアウトしてある通りですが、

１．kei344San_1() でなぜ２回目のコンソールが必要なのか？
２．myFunc_2() でなぜundefinedになってしまうのか？

について、誠に恐縮ですが、続いてご指導いただけませんでしょうか。

[kei344]

２回目のコンソールとは？console.log( 2, A );のことを言っているのであれば、どういう順に処理が行われるかを確認するためです。もし、.done( function( A, B ) {以降の部分全体なら、そもそもwhenを使う必要がありません。

> myFunc_2
何を期待しているコード化が私には読み取れませんでした。別途質問をされてはいかがでしょう。

[konsai]

失礼致しました。混乱気味で妙な質問をしてしまいました…。
このたびは良い方法をどうもありがとうございました。教えて頂いたコードを使わせて頂きたいと思います。