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

Question

我正在使用大量 ajax 的 grails 中开发一个 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 区域。

谢谢

Answer 1

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

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