Example of jquery implementation of loading waiting effect_jquery

Copy code The code is as follows:

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;
$("

").css({display:"block" ,width:"100%",height:h}).appendTo("body");
$("

").html ("Uploading production data, please wait...").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("Production data:" data );
},
error: function(data) {
alert("Abnormal upload of production data!");
}
});