正在Ajax调用上加载微调器
Loading spinner on Ajax call
我目前有一个ajax脚本来获取查询文件,并在数据库更新时从该文件加载新内容。但是,我该如何在脚本中添加加载微调器呢?
< div id = "AjaxLoader" >
< h1 > Loading < /h1>
</div >
< div id = "feed_main_load" >
< /div>
var $loading = $('#AjaxLoader').hide();
$(document)
.ajaxStart(function () {
$loading.show();
})
.ajaxStop(function () {
$loading.hide();
});
$(document).ready(function() {
$("#feed_main_load").load("elements/feedloadtest.php");
var refreshId = setInterval(function() {
$("#feed_main_load").load("elements/feedloadtest.php?" + 1*new Date());
}, 60000);
});
您要做的是在调用$.load,之前显示微调器
并将其隐藏在完成回调中。
这里有一个完整的片段:
$(document).ready(function() {
$(img).hide();
$("#feed_main_load").load("elements/feedloadtest.php");
$(img).show();
var refreshId = setInterval(function() {
$("#feed_main_load").load("elements/feedloadtest.php?" + 1*new Date(), function(){
$(img).hide();
});
}, 60000);
});
<img src="https://d13yacurqjgara.cloudfront.net/users/135058/screenshots/950508/spinny_2x.gif" width=64 height=64/>
<div id="feed_main_load">
</div>
相关文章:
- 如何更改jquerymobile中默认的加载ajax加载程序gif
- 无法在 IE6 和 IE7 上加载 ajax
- 页面刷新后重新加载 ajax 检索到的数据
- 清理在加载 Ajax 内容时添加的 CSS
- jquery选项卡加载Ajax内容
- Grails:多个加载ajax调用,但只有一个打印到控制台
- 如何检测通过JSON数据引用的图像何时加载AJAX
- 加载ajax数据时出现jVectorMap问题
- JQuery在加载ajax时阻止链接工作
- 如何在不重新加载ajax的情况下在datatable上.draw()或添加行
- 替换超链接默认操作以加载 AJAX 请求
- 高图表不使用加载 ajax 的数组进行渲染
- 带有 OnClick 的 jQuery 链接标记 href 需要单击两次才能加载 AJAX
- 悬停两次以加载 ajax
- 获取加载 ajax 的文档信息
- 使用 Jquery 在 AJAX 内部加载 AJAX
- 为什么当页面加载 AJAX 时我的 URL 之间没有空格
- 在当前页面中加载一个新的谷歌地图,加载AJAX
- 当滚动达到 80% 时加载 ajax
- 图像滑块未加载 Ajax 请求