即時ではなく遅延後にajaxローディングインジケータを表示します。

Question

私の現在のWebアプリケーションプロジェクトでは、ajaxコールを頻繁に使用しています。彼らのほとんどは速くて直ちに反応します。したがって、常にajaxローダーを表示する必要はありません。しかし、私は、Ajax呼び出しが250ms以上かかると、ajaxローダーを表示したいと考えています。そうしないと、ユーザーは混乱し、リンクを何度も繰り返しクリックすることがあります。 :)

どのようにjQueryを使用して達成するためのアイデア？

Answer 1

私はちょうどこの使い、いくつかのコードの実行に簡単な遅延を達成するが、jQueryを使って以前の経験を持っていない：FOO（）がロードの責任機能です

setTimeout ("foo()", 250); 

...表示を。

Answer 2

「loading ...」というメッセージを表示するのに250ms後にトリガーするためにJavascriptタイマーを使用できますか？

ajaxSend()でこれを有効にし、ajaxComplete()で無効にします（reqdの場合は 'loading ...'メッセージを消去してください）。したがって、実装はAjaxから呼び出されたものに透過的でなければなりません。

Answer 3

var activity = false; 
$("#loadingIndicator").ajaxStart(function() { 
    activity = true; 
    window.setTimeout(function() { 
     if (activity) { 
      //alert('activity'); 
      $("#loadingIndicator").show(); 
     } 
    } 
    , 700); 
}); 
$("#loadingIndicator").ajaxStop(function() { 
    activity = false; 
    $(this).hide(); 
});