通过$.ajax设置预加载动画加强用户体验

使用jquery发送ajax的时候,有一个事件比较实用,但往往会被我们忽视,那就是beforeSend。

beforeSend的意思是发送之前的处理,往往用来处理发送之前的动画,避免由于发送时间过长而给用户造成假死的现象。以下图片来自网上:

$.ajax({
            url:url,
            type:'get',
            dataType: "json",
            beforeSend: function () {
                $("body").append('<div id="pload" style="position:fixed;top:30%;z-index:1200;background:url(/wap/images/loading.gif) top center no-repeat;width:100%;height:140px;margin:auto auto;"></div>');
            },
            complete: function () {
                $("#pload").remove();
            },
            success:function(result){
});
通过$.ajax设置预加载动画加强用户体验