日期:2014-05-16  浏览次数:20804 次

如何在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>

------其他解决方案--------------------
虽然已经解决了,还是要谢谢您~