我正在使用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>
感谢 杰夫
答案 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">