jquery实现加载等待效果示例

vardates=this.options.form.getWidgetByName("dates").getValue();
$.ajax({
url:"http://127.0.0.1:9009/Brilliantzz/service/snproduct.do",
data:dates,
beforeSend:function(){
varh=document.body.clientHeight;
$("<divclass=\"datagrid-mask\"></div>").css({display:"block",width:"100%",height:h}).appendTo("body");
$("<divclass=\"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("上传生产数据异常！");
}
});