Loading Gif Jquery $。Post（function）

Question

jquery $ .Post関数を読み込むgif intをすばやく簡単に配置する方法があったのでしょうか？ 私はおそらく関数の本体に何らかの形で入れなければならないと考えています。私は一種のヘイズでページをオーバーレイしたいと思っています。スピンロードのGIF、あるいは水平の理髪師バーのことでしょう。私はすでに私のmvcの画像フォルダに画像を持って、ちょうどそれを実装するための自分のオプションを把握する必要があります。

おかげ

Answer 1

私はAjaxのポストを始めるために発生するイベントがあるassmume？その場合は、ajaxを呼び出す前にロードイメージを表示する必要があります。その後、呼び出しが返ってくると、読み込みイメージを非表示にする必要があります。例えば

：$（ "loadingImage"）への呼び出し

$("#button").click(function() { 
    // show loading image 
    $("#loadingImage").show(); 

    $.ajax({ 
     type: 'POST', 
     url: url, 
     data: data, 
     success: function(data) { 
      // Your logic here... 

      // hide loading image 
      $("#loadingImage").hide(); 
     } 
    }); 
}); 

HTML

<input type="button" id="button" value="Load data" /> 
<img src="loading.gif" id="loadingImage" style="display: none;" />