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