×

jquery实现加载等待效果示例

作者:Terry2017.02.14来源:Web前端之家浏览:11987评论:0
关键词:JQueryJS
复制代码 代码如下:

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

您的支持是我们创作的动力!
温馨提示:本文作者系Terry ,经Web前端之家编辑修改或补充,转载请注明出处和本文链接:
https://www.jiangweishan.com/article/svg1487001600555.html

网友评论文明上网理性发言已有0人参与

发表评论: