jquery 加载等待效果

var dates = this.options.form.getWidgetByName("dates").getValue();
  $.ajax({ 
   url: "http://127.0.0.1:9009/Brilliantzz/service/snproduct.do", 
   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("上传生产数据异常！");
			}
		});