0

我有这段代码用于发布而不重新加载页面，但我想知道如何在正在执行的脚本中添加它来显示图像。示例 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;
    }); 
})
4

4 回答 4

0

使用 JQuery 将图像添加到页面。通常这是由用户单击以启动 AJAX 请求的按钮添加关闭的。这允许用户在您的脚本运行时看到在后台发生的事情。

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

于 2012-08-27T18:08:15.937 回答
0

不知道我是否明白，但似乎你很接近它

// #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');
});
于 2012-08-27T18:08:53.027 回答
0

将加载程序放在隐藏的 div 中（显示：无），然后您可以使用

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

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

$('#div').hide();
于 2012-08-27T18:09:30.107 回答
0

在submit函数的第一行：

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

在回调success函数的第一行：

$('#loadingImg').hide();
于 2012-08-27T18:09:49.937 回答