$ .ajaxの呼び出しが完了したかどうかをChromeに確認させますか？

Question

おはようございます -

$.ajaxコールが終了したかどうかを確認するよく知られた方法はありますか？

- INSTANCE FOR -

のは、私が（非同期層群など）.geojsonファイルからリーフレットの多数のポリゴンにロードするために$.ajaxコールを使用していましょう。通常の状況下では、これはほぼ即座に発生しますが、ユーザーは今度は大規模なジョブをロードすることを選択しました。ユーザーは、ポリゴンのセットがロードされているとみなし、このグループのレイヤーで早すぎる何かをしようとします。何も起こらない（レイヤーグループは実際にブラウザーには存在しません）。

私の直感（私はウェブ開発の初心者です）は、依存アルゴリズムがチェックするように設定された何らかの種類のグローバルフラグを持つことです。レイヤーをロードする前にフラグを設定して、$.ajaxコールの.done({})セクションの他の値に変更します。

- UPDATE -

私は、ユーザーが要求を再試行するかどうかを選択し、また、再試行する前に要求をいくつかの時間を待つように、ブラウザを強制的にできるようにするコードを作り直しました。

しかし、この問題はChromeで発生しているようです。 Firefoxは、終了するとすぐに$ .ajax.alwaysコールバックを処理できるように見えます（つまり、$ .ajax.alwaysコールバックはJavaScriptの通常の流れを妨害します）。

Chromeは$ .ajax.alwaysコールバックをブロックして表示され、他のすべてのjavascriptの実行が完了した後でのみ（割り込みなし）実行されます。

この特定の質問は、ループ内からのユーザー入力を自動化するデバッグケースに起因しています。現在のプロセスが完了するまでChromeが$ .ajax.alwaysコールバックを呼び出さないため、プロセスは完了しました。

コード例：

procBox = []; // Global scope, stands for Process Box 

function loadPolygons() { 
    procBox["loadPolygons"] = "running"; 

    $.ajax({ 
     // ajax things here 

    }).done(function() { 
     procBox["loadPolygons"] = "done"; 
    }).fail(function() { 
     // failure stuff here 
    }); 
} 

function dependentFunction() { 
    if procBox["loadPolygons"] === "done") { 
     // The meat of the function (dependentFunction things here) 

    } else { 
     // Backup case that allows the browser to retry the request 
     /* -- 
     * If this fires, the server is still trying to process the 
     * ajax request. The user will be prompted to retry the request, 
     * and upon agreement, the function will be called again after 
     * 1 second passes. 
     */ 

     var msg = "Oops! It looks like we're still fetching your " 
       + "polygons from the server. Press OK to retry."; 

     if (confirm(msg)) { 
      setTimeout(dependentFunction, 1000); 
     } 
    } 
} 

このアプローチは、Firefoxでうまく動作するようです - alert()は、JavaScriptの実行を停止し、それを.done({})コールバックが発生するために機会を与えてくれます。しかし何らかの理由でwhileループで.done({})コールバックがChromeで完了することはありません。

フラグやasync: falseを使用するよりも優れた方法は誰にも分かりますか？
回答と知識がありがとう！

Answer 1

行うには数多くの方法があります。 は、すでにあなたはjQueryのを使用しているため、カスタムイベントhttps://learn.jquery.com/events/introduction-to-custom-events/を使用することができます を使用することができますsugegsted：

$(document).on("myajax:done", function(){ dependentFunction();}) 
$.ajax({...}).done(function(){ 
    $(document).trigger("myajax:done") 
}); 

、あるいはグローバルAJAXイベント https://api.jquery.com/category/ajax/global-ajax-event-handlers/

が、本当に何かをしない理由を考えてください

procBox = {onLoadPolygons:dependentFunction}; // Global scope 

function loadPolygons() { 
    $.ajax({ 
     // ajax things here 

    }).done(function() { 
     procBox["onLoadPolygons"](); 
    }).fail(function() { 
     // failure stuff here 
    }); 
} 

function dependentFunction() { 
     alert("Please wait for the polygons to load"); 
    dependentFunctionThings(); 

} 
function dependentFunctionThings(){ 
    // Do dependent function things... 
} 

UPD： あなたは構造上ensist、まだ阻止する機能にチェック

function dependentFunction() { 
    var h = setInterval(function() { 
     if (procBox["loadPolygons"] == "done") { 
      clearInterval(h); 
      // Do dependent function things... 
     } 
    }, 100); 
} 

または約束（http://caniuse.com/#feat=promises）にそれをラップを実行するための 使用のsetIntervalを使用したい場合は

function dependentFunction() { 
    (new Promise(function(resolve) { 
     var h = setInterval(function(){ 
     if (procBox["loadPolygons"] == "done") { 
      clearInterval(h);resolve(); 
     } 

     }, 100); 
    })).then(function(){ 
     // Do dependent function things... 
    }); 
} 

しかし、私はまだあなたの構造に何か間違っていると信じています。

Answer 2

文書から：

.ajaxComplete() 

Ajaxリクエストが完了すると、jQueryによってajaxCompleteイベントがトリガーされます。 .ajaxComplete（）メソッドで登録されているすべてのハンドラがこの時点で実行されます。

http://api.jquery.com/ajaxcomplete/