jqueryとajaxを使用してコンテンツを読み込んでいる間に画像を読み込む方法を教えてください。

Question

jqueryがコンテンツをページに読み込んでいる間に画像を表示したい。

$.post('page.php', {para1: value1}, function(data){ 
    // post content here 
}); 

しかし、問題は、私はロード中に画像バッファを表示する方法がわからないということです： は現在、私は私のコンテンツをロードするためにこれを使用しています。

Answer 1

ajaxを呼び出す前にローダーイメージを表示し、応答を取得する際にhideitを使用します。

$('img.loader').show(); 
$.post('page.php', {para1: value1}, function(data){ 
    $('img.loader').hide(); 
    // post content here 
}); 

Answer 2

<img class="loader" src="/loader.png" style="display:none"/> 

---

("button").click(function(){ 
    $('.loader').fadeIn(); 
    $.post('page.php', {para1: value1}, function(data, status){ 
     $('.loader').fadeOut(); 
    }); 
});