首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > Ajax >

怎么在ajax刷新完成前做一个进度条

2012-12-23 
如何在ajax刷新完成前做一个进度条如题,最好用jquery[最优解释]显示一张gif的loading动画就好了,ajax完成

如何在ajax刷新完成前做一个进度条
如题,最好用jquery
[最优解释]
显示一张gif的loading动画就好了,ajax完成后隐藏gif图片
[其他解释]
求代码,本人新手~如$(#class).load("xxx.php")是ajax刷新代码,显示和隐藏图片的代码要放在哪里?怎么放?谢谢
[其他解释]

<script type="text/javascript" src="http://www.coding123.net/js/jquery.js"></script>
<img src="http://www.coding123.net/images/loading.gif" id="imgLoading" style="display:none" />
 <script type="text/javascript">
//注册这2个事件就行了,以后每次调用ajax的时候都会起动事件,ajaxStart是ajax启动时显示loading图片,complete后隐藏
     $('#imgLoading').ajaxStart(function () { $(this).show(); }).ajaxComplete(function () { alert('finsih'); $(this).hide(); })
 </script>

[其他解释]
虽然已经解决了,还是要谢谢您~

热点排行