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

Ajax加载后台数据并不那么详细。

请看下面的代码。首先，将代码放在前台

div id=' load gif ' style=' width :66 px；高度：66 px；位置：绝对；top :50%；' left :50%；'Img alt='正在加载.'src=' http:/./images/loading 1 . gif//div首先在js脚本文件中隐藏此图片动画

代码如下

$(文档)。ready(function () { $('#loadgif '))。hide()；});然后异步ajax提交请求代码，如下所示

$(function(){ var Find=new Find()；//alert(查找。模板)；$.ajaxSetup({cache: false，async: true，global: false，type : ' POST ' })；$('#queryBtn ')。单击(function () { $('#loadgif '))。show()；找到。get()})；..

注意：

async:真，

单击查询按钮时会调用动画显示

$('#loadgif ')。show()；然后提交请求

收到请求后，我会

$('#loadgif ')。hide()；效果如下：

以上是边肖介绍的jQuery Ajax加载数据时的异步显示和加载动画。希望对大家有帮助。如果你有任何问题，请给我留言，边肖会及时回复你。非常感谢您对我们网站的支持！