jQuery Ajax 加载数据时异步显示加载动画_jquery

 ajax加载后台数据就不说的那么细了。

看下面代码首先前台上放置代码

<div id="loadgif" style="width:66px;height:66px;position:absolute;top:50%;left:50%;">
  <img alt="加载中..." src="../../Images/loading1.gif"/>
</div>

在js脚本文件中首先把这个图片动画隐藏

代码如下

$(document).ready(function () { $("#loadgif").hide();});

然后异步ajax提交请求代码如下

$(function () {
var find = new Find();
//alert(find.Template);
$.ajaxSetup({
cache: false,
async: true,
global: false,
type: "POST"
});
$("#queryBtn").click(function () { $("#loadgif").show(); find.Get() });

.....................

注意:

async: true,

当点击queryBtn按钮的时候就调用动画显示

$("#loadgif").show(); 

然后提交请求

等收到请求后就

$("#loadgif").hide();

效果如下:

以上所述是小编给大家介绍的jQuery Ajax 加载数据时异步显示加载动画,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对网站的支持!

以上是小编为您精心准备的的内容,在的博客、问答、公众号、人物、课程等栏目也有的相关内容,欢迎继续使用右上角搜索按钮进行搜索jquery
ajax加载动画
jquery ajax 异步加载、jquery ajax加载动画、jquery ajax 异步请求、jquery ajax 异步、jquery ajax 异步分页,以便于您获取更多的相关知识。

时间: 2024-03-18 21:11:13

jQuery Ajax 加载数据时异步显示加载动画_jquery的相关文章

IOS swift 异步加载数据,并显示一个进度条

问题描述 IOS swift 异步加载数据,并显示一个进度条 网络获取数据使用的是NSURLConnection,异步请求.这个数据已经能够获得了.现在想要实现的是,通过登录界面输入账号什么的,点击提交按钮可以在显示进度条的同时执行post请求得到数据,如果这个数据不为空进度条消失并登录成功回到主界面,否者就提示有错. 希望小伙伴给个简单的例子,这样会更好理解 这个在安卓中是用AsyncTask实现的..线程一直都理不清,还请小伙伴们多多指导.谢谢!!!!! 解决方案 http://www.it

jQuery+ajax实现滚动到页面底部自动加载图文列表效果(类似图片懒加载)_jquery

本文实例讲述了jQuery+ajax实现滚动到页面底部自动加载图文列表效果.分享给大家供大家参考,具体如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml&qu

数据库时时刷新-瀑布流加载数据时出现重复数据(数据库时时更新)

问题描述 瀑布流加载数据时出现重复数据(数据库时时更新) 用瀑布流展示数据的时候,展示第一页数据时候服务器没有新的数据,当从服务器抓取第二页的数据时候,服务器刷新了数据多了2条数据,这个时候在抓取到的第二页的数据中就会有刚才抓取的第一页的数据,这个问题怎么处理啊? 解决方案 其实你做一个预加载功能,加载20条数据,显示10条数据.这样重复问题给客户的感受就没有那么强了!.你在有一个刷新功能. 解决方案二: 删除数据库中重复数据的几个方法删除数据库中重复数据的几个方法

easyui treegrid 加载数据时获取行参数给按钮

问题描述 easyui treegrid 加载数据时获取行参数给按钮 如何在在EQSYUI TREEGRID加载数据时,获取行数据的ID等,将该获取的数据当作参数 传给行按钮 看我的界面: 图片中每一行增加了一个按钮,需要在加载数据时,将该行的ID和其它的数据获取并绑定给铵钮的事件,这个不知道怎么操作? 另外TREEGRID如何设置数据加载后只展开第一级? 解决方案 操作一列是rander的吧,按钮应该能带一个idField的值吧,随便给按钮加个property就可以带上idField的值, t

jquery ajax获取动态数据并限制字数显示省略号

问题描述 jquery ajax获取动态数据并限制字数显示省略号 用ajax动态获取一些数据,并控制数字,多得不显示显示... 请问该怎样做?谢谢! 麻烦请写具体一点,谢谢! 解决方案 Jquery 限制文本框输入字数 解决方案二: 利用css 设置显示框的text-overflow属性为ellipsis,数据还是取全.

我在开发板下insmod 加载驱动模块时直接显示killed了,请问这个是什么回事??

问题描述 我在开发板下insmod 加载驱动模块时直接显示killed了,请问这个是什么回事?? 大神们好!我在开发板下insmod 加载驱动模块时显示killed,请问这个是怎么回事呢?请教!!!

Jquery Ajax解析XML数据简单实例

 本篇文章主要是对Jquery Ajax解析XML数据(同步及异步调用)的简单实例进行了介绍,需要的朋友可以过来参考下,希望对大家有所帮助 代码如下: $.ajax({                 async: true, // 默认true(异步请求)                 cache: true, // 默认true,设置为 false 将不会从浏览器缓存中加载请求信息.                 type: "POST", // 默认:GET 请求方式:[PO

jQuery+Ajax+PHP弹出层异步登录效果(附源码下载)_jquery

弹出层主要用于展示丰富的页面信息,还有一个更好的应用是弹出表单层丰富交互应用.常见的应用有弹出登录表单层,用户提交登录信息,后台验证登录成功后,弹出层消失,主页面局部刷新用户信息.本文我们将给大家介绍如何使用jQuery+Ajax+PHP弹出层异步登录的应用. 效果展示        源码下载 HTML 由于本例UI部分使用了Bootstrap,以及使用jQuery插件,因此需要事先载入相关文件,推荐大家使用相关的CDN资源. <link rel="stylesheet" hre

jQuery+Ajax+PHP弹出层异步登录的例子

弹出层主要用于展示丰富的页面信息,还有一个更好的应用是弹出表单层丰富交互应用.常见的应用有弹出登录表单层,用户提交登录信息,后台验证登录成功后,弹出层消失,主页面局部刷新用户信息.本文我们将给大家介绍如何使用jQuery+Ajax+PHP弹出层异步登录的应用. 关于弹出层效果,我们继续使用本站helloweba上篇文章中写的弹出层插件-hwLayer.更多的灵活性体现在绑定弹出层上的表单提交按钮事件,然后进行ajax异步交互,最后局部刷新主页面,大家可以先看demo演示.阅读本文,您除了需要具备