jquery實作載入等待效果範例_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;
$("

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

").html("上傳生產數據，請稍候。 🎜>top:(h - 45) / 2});

},
complete:function(data) {
$('.datagrid-mask-msg').remove() ;
$('.datagrid-mask').remove();
},
success: function(data) {
alert("生產資料:" data);
} ,
error: function(data) {
alert("上傳生產資料異常！");
}
});