如何在使用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();
    });
});