Jquery Queue Ajax请求

时间:2010-01-08 23:30:34

标签: jquery

我正在使用Queued Ajax请求/同步Ajax来调用time.php(这是一个很重的php文件)。我希望能够在执行Queued请求时添加一个游荡按摩(或loading.gif),因此用户可以指示某些内容正在运行。这是我的代码:

<script>
$(function(){
    jQuery.ajaxQueue({
        url: "time.php",
        // do not show file
        success: function(html){ jQuery("ul").append(html); }
    });
    jQuery.ajaxSync({
        url: "time.php",
        success: function(html){ jQuery("ul").append("<b>Loladed File 1</b><BR>"); }
    });


});

});
</script>

感谢 杰夫

1 个答案:

答案 0 :(得分:0)

在过去做类似事情时(使用ootb ajax功能)我使用了类似下面的内容来添加加载图像 -

if ($("#loadimg").attr("src") != "/static/icons/loading.gif") {
            $("#loadimg").attr("src", "/static/icons/loading.gif");
        }

if ($("#loadimg").length < 1) {
$(this).parent().append("<img id=loadimg src='/static/icons/loading.gif'>");
        }

将类似内容添加到处理ajax请求的事件处理程序中,然后只需添加div / span / img标记,就像您希望图像加载一样

<div id="loadimg" src="/static/icons/blank.gif">