在ajax中调用spinner.gif调用grails中的加载时间

Question

我正在使用grails开发一个使用大量ajax的web应用程序.我需要在处理ajax请求时显示spinner.gif图像.我的示例gsp代码是

<div id="ajax-area">
  <g:remoteLink action="list" controller="file" update="ajax-area">
    view files
  </g:remoteLink>
</div>

在上面的代码中,如果我们点击视图文件链接,它将更新ajax-area div.

有人可以告诉我如何在加载ajax时使用spinner.gif更新ajax-area.

谢谢

Answer 1

jQuery也是如此(这实际上是捆绑在Grails jQuery插件中):

$(document).ready(function() {
    $("#spinner").bind("ajaxSend", function() {
        $(this).fadeIn();
    }).bind("ajaxComplete", function() {
        $(this).fadeOut();
    })}
);