javascript - 非同期の ajax 呼び出しが完了を待っている間に Javascript setInterval が起動しない

Question

環境はasp.net 4.0、C#、Chrome + Chromeデバッガー

ユーザーがボタンをクリックすると、4 つの ajax リクエストが発生します。1つ目は同期です。2 番目と 3 番目は非同期です。(できれば) 並行して実行されます。最後の呼び出しは、呼び出し 2 と 3 が完了するまで開始できません。このすべてが発生している間に、ダイアログ ボックスを "." で更新したいと考えています。2 番目と 3 番目のジョブの両方で毎秒。

毎秒実行される ajax 呼び出しでこれを達成しようとしており、Web サービスにセッション内のオブジェクトとして記録されているステータスを確認するように依頼しています。setInterval を使用して定期的なチェックを実行しています。

var checkTimer = setInterval(checkProgress, 1000);

function checkProgress() {
    var progress = ajaxCall("WebServices/FLSAService.asmx/CheckFLSASaveStatus");

    if (progress.job1.complete && progress.job2.complete) {
        clearInterval(checkTimer);
)

残念ながら、次の 2 つの問題があります。

1) Chrome デバッガーにブレークポイントを設定しない限り、ジョブ 1 と 2 の両方が完了するまで ajax 呼び出しは行われません。2) Chrome でブレークポイントなしで実行すると、ジョブ 2 と 3 の両方が完了するまで、ダイアログ ボックスは非表示のままになります。