jQuery Ajax 加载数据时异步显示加载动画
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 加载数据时异步显示加载动画，希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对小牛知识库网站的支持！
-
主要内容：echarts_test_data.json 数据：,实例,实例,实例ECharts 通常数据设置在 setOption 中，如果我们需要异步加载数据，可以配合 jQuery等工具，在异步获取数据后通过 setOption 填入数据和配置项就行。 ECharts 通常数据设置在 setOption 中，如果我们需要异步加载数据，可以配合 jQuery等工具，在异步获取数据后通过 setOption 填入数据和配置项就行。 json 数据： echarts_test_
-
问题内容： 我正在努力解决从iPhone到iPhone显示相册的问题。 如果某人在画廊内有50张照片，则一切正常。问题是，当某人有数千张照片时，图库会加载10秒钟，这对我的应用程序不利。 当我从Facebook加载图像时，会发生相同的问题。该应用程序正在等待下载所有照片，然后显示出来。我想在加载过程中一一显示图像，而不是等待它全部加载。 我知道我应该使用并且确实使用过，但是有一些我看不到的错误。
-
问题内容： 在数据完成加载之前，如何使AngularJS显示加载微调框？ 如果我的控制器是静态设置的，并且填充了AJAX加载器，我希望微调器显示直到AJAX加载完成，然后使用检索到的数据填充绑定范围。 此代码立即填充绑定范围，并且如果为空，则微调框将被替换为空。 我应该如何干净地做这件事？ 问题答案： 我会根据其他答案创建一个自定义指令，但是这是没有指令的情况下如何实现的，这可能是在进入更复杂的功
-
问题内容： 您好朋友，我想在特定的div加载数据之前向Ajax加载器显示，但问题是数据在同一页面上动态传输，但是我的脚本从另一个文件调用数据， 请参见下面的代码 脚本 的HTML 它的工作正常，但我想在同一页面中加载数据，请帮助我 提前致谢 .... 编辑 我想说明之前加载数据装载到 问题答案： 您可以尝试使用以下html- 和脚本-
-
问题内容： 我尝试在我的网站中实施AJAX。单击div changepass的内容时，则应加载changepass.template.php。这是我为此使用的代码。 我的问题是在页面changepass.template.php完全加载时如何显示GIF动画（loading.gif）。请给我一些代码提示。 问题答案： 有很多方法可以做到这一点。一种简单的方法： JS： 詹姆斯·怀斯曼 （ James
-
问题内容： 我正在寻找一种在调用异步服务时自动显示和隐藏“正在加载”消息的方法，所以不要这样做： 我只想这样做，但是仍然在完成时显示和隐藏消息。 简而言之，我想更改异步调用的行为。感谢您提出的所有建议。 丹尼尔 问题答案： 您可以将调用本身包装在处理显示加载消息的对象中，也许对错误或其他原因重试几次。像这样： 要进行呼叫，请执行以下操作： 您可以使用代码扩展它，以检测花费很长时间的呼叫并显示某种繁