数据处理等待效果实例代码

数据处理等待效果实例代码:
在很多网站有数据处理等待效果，比如当数据正在加载或者其他处理活动的时候，会有一个特别的页面或者图标来说明数据正在处理，这样更加人性化，下面是一段代码片段，希望能够给大家带来一定的帮助。
代码如下:

$.ajax({
  url:"url",
  data:dates,
  beforeSend:function(){
    var h=document.body.clientHeight;
    $("<div class=\"datagrid-mask\"></div>").css({display:"block",width:"100%",height:h}).appendTo("body");
    $("<div class=\"datagrid-mask-msg\"></div>").html("数据正在处理中..").appendTo("body").css({display:"block",
    left:($(document.body).outerWidth(true)-190)/2,
    top:(h-45)/2});
  },
  complete:function(data){
    $(‘.datagrid-mask-msg‘).remove();
    $(‘.datagrid-mask‘).remove();
  },
  success: function(data){
    alert("生产数据:"+data);
  },
  error: function(data) {
    alert("上传生产数据异常！");
  }
});

原文地址是:http://www.softwhy.com/forum.php?mod=viewthread&tid=9341

更多内容可以参阅:http://www.softwhy.com/jquery/