如何在使用jquery和ajax加载内容时显示加载图像？

Question

我希望在jquery将我的内容加载到页面时显示加载图像。 目前我用它来加载我的内容：

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

但问题是我不知道如何在加载时显示图像缓冲。

Answer 1

在调用ajax之前显示加载程序图像并在获取响应时隐藏。

$('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();
    });
});