Javascript 运行POST时显示图像

我有这段代码，我可以在不重新加载页面的情况下发布，但我想知道如何在正在执行的脚本中添加这段代码来显示图像。示例loader.gif

谢谢你的帮助

<script language="javascript" src="jquery-1.6.4.min.js"></script>
<script language="javascript">
$(document).ready(function() {
    $().ajaxStart(function() {
        $('#loading').show();
        $('#result').hide();
    }).ajaxStop(function() {
        $('#loading').hide();
        $('#result').fadeIn('slow');
    });
    $('#form, #fat, #form').submit(function() {
        $.ajax({
            type: 'POST',
            url: $(this).attr('action'),
            data: $(this).serialize(),
            success: function(data) {
                $('#result').html(data);

            }
        })

        return false;
    }); 
})  

$（文档）.ready（函数（）{
$（）.ajaxStart（函数（）{
$（“#加载”）.show（）；
$（“#结果”）.hide（）；
}).ajaxStop（函数（）{
$（“#加载”）.hide（）；
$（'result'）.fadeIn（'slow'）；
});
$（'#form，#fat，#form'）。提交（函数（）{
$.ajax({
键入：“POST”，
url:$（this.attr（'action'），
数据：$（this）.serialize（），
成功：功能（数据）{
$（'#result'）.html（数据）；
}
})
返回false；
}); 
})  

使用JQuery将图像添加到页面中。通常，这是在用户单击启动AJAX请求的按钮附近添加的。这允许用户在脚本运行时查看后台正在发生的事情

---

或者，由于您的脚本是在document.ready上运行的，因此您可以从一开始就获取图像，然后在ajax调用完成后将其删除。

我不确定是否理解，但您似乎已经非常接近它了

// #loading could be an img tag pointing to loader.gif or a div containing the img
$('#loading').ajaxStart(function() {
    $(this).show();
    $('#result').hide();
}).ajaxStop(function() {
    $(this).hide();
    $('#result').fadeIn('slow');
});

---

将加载程序放在一个隐藏的div（display:none）中，然后可以使用它

$('#div').show();

在ajax请求之前，然后再次将其隐藏在成功回调中：

$('#div').hide();

---

在

submit

功能的第一行：

$('#loadingImg').show();

$('#loadingImg').hide();

在回调

success

函数的第一行：

$('#loadingImg').show();

$('#loadingImg').hide();

---

非常感谢的可能副本，正是我所需要的。请原谅我的无知，但我是从ajax编程开始的。谢谢