ajax默认情况下是异步执行的(建议尽量异步),也就是说当发出ajax命令后,程序是不停顿的,如果这时候隐藏图片,那么就相当于没有显示了(浏览器可能来不及把图片显示出来就被你隐藏了)。所以,标准做法是在ajax的回调函数中进行图片的隐藏(建议用complete事件),比如:
var loading=document.getElementById("loading");
loading.style.display="block"; //尽量不要通过设为空白来显示图片,兼容性差
ajax({
//...其他参数略
success:...
fail:...
complete:function(){
loading.style.display="none"; //在这里隐藏!
}
});
这个需要做判断啊,点击进页面就开始显示图片,
if(加载完成){
隐藏图片
}
用延迟做一个循环拉取数据,间隔几毫秒,每次拉取后更新,直到最后完成