按钮点击时，ajax 请求，显示‘加载动画图片’，

请问我该怎么实现呢？  新手，自己做个一个网页，现在一步一步的完善，求大神给例子，万分感谢！
点击按钮，  交互数据的时候，加载动画，等结束了之后，动画消失！

解决方案 »

  1.   

    自己写一个遮罩层然后放一个动画的层定位在屏幕中间隐藏,当点击按钮的时候显示这个隐藏的层，ajax响应以后关闭再隐藏层。如果响应过快会出现闪一下的情况，可以延迟隐藏让动画效果出来。
      

  2.   

    用js要实现动画效果也需要有承载动画的dom吧,只不过是用js去动态生成了这个dom而已.
      

  3.   

    在beforeSend显示loading动画；
    在complete隐藏。
    动画做成隐藏的DOM层。
      

  4.   

    嗯，直接用beforesend最简单了
      

  5.   

     beforeSend:function(XMLHttpRequest){
                $(".cover_layer").removeClass("none");
            },
            success: function(msg){
                 $(".cover_layer").addClass("none");
            }$(".cover_layer")为加载动画的覆盖层
      

  6.   

    你可以用插件来做，layer里面有这个功能