通过$.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){

});