AJAXリクエスト中にスピナーを表示していますか？

Question

スピナーを表示する最良の方法は何ですか？

私はdiv（id = "spinner"）を用意しました。これは読み込み中に見えるはずです。

Answer 1

jQueryを使用していますか？

あなたが使用できるようにした場合：

ajaxStart & ajaxStop：たとえばhttp://docs.jquery.com/Ajax

を：

$(function(){ 

    // hide it first 
    $("#spinner").hide(); 

    // when an ajax request starts, show spinner 
    $.ajaxStart(function(){ 
     $("#spinner").show(); 
    }); 

    // when an ajax request complets, hide spinner  
    $.ajaxStop(function(){ 
     $("#spinner").hide(); 
    }); 
}); 

あなたが要求カウンタと少しを微調整することができます

その場合の増加とデクリメントます同時にたくさんのリクエストがあります。

jQueryを使用しない場合は、イベントajaxStartがプレーンな古いjavascriptに実際に登録されているjQueryソースコードを確認してください。

HTH アレックス

Answer 2

$().ajaxSend(function(r, s) { 
    $("#spinner").show(); 
}); 

$().ajaxStop(function(r, s) { 
    $("#spinner").fadeOut("fast"); 
}); 

Answer 3

私は私のレールのアプリでこれを使用していました。これは私のために働いた：

$(document).ajaxSend(function(r, s) { 
$("#spinner").show();}); 


$(document).ajaxStop(function(r, s) { 
$("#spinner").fadeOut("fast");});