適切なjqueryのAJAXローディング画像

Question

私はすべての私のサイトのAjaxの呼び出しで、この関数を使用します。私の質問は私がチートの一種であるため、ページの読み込みに時間がかかりすぎるか、読み込み画像が消えることはありませんということ404である場合は、適切な予圧のイメージを持って、それを書き換えるだろうかです。

function ajaxcall(my_url, my_div, my_data) 
{ 
    $(my_div).append('<div style="text-align:center; position:absolute; top:0; left:0; width:100%;"><img src="/images/loading.gif" /></div>'); 
    $.ajax({ url: my_url, 
     data: my_data, 
     type: 'get', 
     success: function(output) 
      { 
       $(my_div).html(output); 
      } 
    }); 
} 

よろしく

Answer 1

あなたは、ローディング画像を削除し、何とかユーザに通知すなわち404またはタイムアウトを処理するハンドラ関数を記述するために（http://api.jquery.com/jQuery.ajax/を参照）errorオプションを使用することができます。そのAJAX呼び出し後

Answer 2

それが失敗である場合には、DIVを非表示にします。

は、そうでない場合、あなたはそれを隠すことになる別のdiv.Initiallyに画像を入れて、関数の先頭にdiv要素を示し、AJAX呼び出しの後に、それが成功したか失敗であるかどうかのdivを非表示にすることができます。