jquery实现加载等待效果示例

前端技术 2023/09/01 JavaScript
复制代码 代码如下:

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(\"上传生产数据异常!\");
}
});

本文地址:https://www.stayed.cn/item/1649

转载请注明出处。

本站部分内容来源于网络,如侵犯到您的权益,请 联系我

我的博客

人生若只如初见,何事秋风悲画扇。