jquery实现加载等待效果示例

139 阅读 0 评论 92 点赞

我是靠谱客的博主健康毛衣，最近开发中收集的这篇文章主要介绍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("上传生产数据异常！"); 
} 
}); 