ajaxコールバックを待っている間にjavascriptを実行する方法

Question

私はサーバーにajax呼び出しを行っています。実行する必要があるコードは3つのグループに分けられます。 AJAX呼び出しが戻った後に実行する必要があります

コード（サーバーに行くJSONオブジェクトを準備）製のAJAXコールインする前に実行する必要が

1. コード（から返送されたものを使用していますサーバー）
2. ユーザーがボタンを押してからすべてが完了するまでの間に実行する必要があるコード。このコードでは、返されたjsonオブジェクトは必要ありません。

AJAX呼び出しを行った後、結果が最高のユーザーエクスペリエンスとパフォーマンスを得るために戻ってきた前に、グループ3のコードを実行するのに理想的です。

これはできますか？

どのようにですか？

Answer 1

：

function someFunction() { 
    //1. code that needs to run before ajax 
    $.ajax({...}).done(function() { 
     //2. code that needs to be run after the ajax call has returned 
    }); 
    //3. code that needs to be run between the time the user presses 
    // a button and the time everything is done. 
} 

JavaScriptが実行に同期しているので（労働者が使用されていない限り、それは、この特定の問題とは無関係なのです）これは動作します。最初のコードが実行されると、ajax呼び出しはブラウザにXHR要求を開始するように指示しますが、someFunctionは完了していないため、同期して実行され続けます。

someFunctionが実行されると、発生する非同期イベントまでコントロールフローが開き、最終的にdoneコールバックにつながります。

ほとんどの人にとって、公正で非同期のイベント指向プログラミングは頭を悩むものではありません。どのようなコードが何時に発生するはずかを追跡するのは簡単です。ここで

は、非同期動作がどのように動作するかの簡単実行例を示します

(function() { 
    alert(1); 
    setTimeout(function() { 
     alert(2); 
    }, 0); //note the 0ms delay 
    alert(3); 
}()); 

アラートの順序は1、3、2になります。 setTimeoutは、指定された時間が経過するのを待つことに依存するため、コールバックを同期的に呼び出さないため、時間が経過しなくても、現在の関数が終了するまで待つ必要があります。

Answer 2

クライアントイベントやその他のシナリオに反応するときにajax呼び出しを実行すると、コールバックにコードを指定できます。また、ajaxコードの直後に実行されるコード（コールバックではありません）も指定できます。

例：作られるAJAX呼び出しが前に実行することが保証されて前に実行

// Code before the ajax call is made 
$.ajax({ 
    params, //other key values such as data 
    success: function (data) { 
     // one of the possible callbacks 
    } 
}); 
// Code executed immediately after ajax call is performed 
// This is executed before or after the callback is complete 
// In most cases it's before 

だから、何でも。 ajax呼び出しの直後は、コールバックが呼び出される前に実行されることがほとんど保証されます。コールバックは、サーバーが応答を返した後に実行されることが保証されています。非常に単純