首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

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

在 Grails 中,使用 AJAX 调用时,可以在加载过程中显示一个 spinner.gif 图片。为了实现这个功能,可以在 GSP 页面中添加一个图片元素,并在 AJAX 请求开始时显示它,请求完成时隐藏它。

首先,在 GSP 页面中添加一个图片元素,如下所示:

代码语言:html
复制
<img id="spinner" src="${resource(dir: 'images', file: 'spinner.gif')}" style="display:none">

这个图片元素的 ID 是 "spinner",它的样式设置为 "display:none",这样它最初是隐藏的。

接下来,在 AJAX 请求开始时显示 spinner,请求完成时隐藏它。可以使用 jQuery 的 AJAX 方法来实现这个功能,如下所示:

代码语言:javascript
复制
$(document).ready(function() {
  $('#myButton').click(function() {
    $('#spinner').show(); // 显示 spinner
    $.ajax({
      url: '/myController/myAction',
      type: 'POST',
      data: {
        // 请求参数
      },
      success: function(data) {
        // 处理请求成功的情况
      },
      error: function(xhr, status, error) {
        // 处理请求失败的情况
      },
      complete: function() {
        $('#spinner').hide(); // 隐藏 spinner
      }
    });
  });
});

在这个例子中,当用户点击 ID 为 "myButton" 的按钮时,会发送一个 AJAX 请求到 "/myController/myAction" 这个 URL。在请求开始时,会显示 ID 为 "spinner" 的图片元素。请求完成后,无论请求成功还是失败,都会隐藏 spinner。

需要注意的是,在 AJAX 请求中,可能会出现一些错误,例如网络错误、服务器错误等。因此,在处理请求失败的情况时,需要进行适当的错误处理,例如显示错误信息、重试请求等。

页面内容是否对你有帮助?
有帮助
没帮助

相关·内容

共17个视频
动力节点-JDK动态代理(AOP)使用及实现原理分析
动力节点Java培训
动态代理是使用jdk的反射机制,创建对象的能力, 创建的是代理类的对象。 而不用你创建类文件。不用写java文件。 动态:在程序执行时,调用jdk提供的方法才能创建代理类的对象。jdk动态代理,必须有接口,目标类必须实现接口, 没有接口时,需要使用cglib动态代理。 动态代理可以在不改变原来目标方法功能的前提下, 可以在代理中增强自己的功能代码。
共45个视频
2022全新MyBatis框架教程-循序渐进,深入浅出(上)
动力节点Java培训
通过本课程的学习,可以在最短的时间内学会使用持久层框架MyBatis,在该视频中没有废话,都是干货,该视频的讲解不是学术性研究,项目中用什么,这里就讲什么,如果您现在项目中马上要使用MyBatis框架,那么您只需要花费3天的时间,就可以顺利的使用MyBatis开发了。
共0个视频
2022全新MyBatis框架教程-循序渐进,深入浅出(
动力节点Java培训
通过本课程的学习,可以在最短的时间内学会使用持久层框架MyBatis,在该视频中没有废话,都是干货,该视频的讲解不是学术性研究,项目中用什么,这里就讲什么,如果您现在项目中马上要使用MyBatis框架,那么您只需要花费3天的时间,就可以顺利的使用MyBatis开发了。
共0个视频
2022全新MyBatis框架教程-循序渐进,深入浅出(下)
动力节点Java培训
通过本课程的学习,可以在最短的时间内学会使用持久层框架MyBatis,在该视频中没有废话,都是干货,该视频的讲解不是学术性研究,项目中用什么,这里就讲什么,如果您现在项目中马上要使用MyBatis框架,那么您只需要花费3天的时间,就可以顺利的使用MyBatis开发了。
领券