标签:
数据处理等待效果实例代码:
在很多网站有数据处理等待效果,比如当数据正在加载或者其他处理活动的时候,会有一个特别的页面或者图标来说明数据正在处理,这样更加人性化,下面是一段代码片段,希望能够给大家带来一定的帮助。
代码如下:
$.ajax({ url:"url", 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("上传生产数据异常!"); } });
原文地址是:http://www.softwhy.com/forum.php?mod=viewthread&tid=9341
更多内容可以参阅:http://www.softwhy.com/jquery/
标签:
原文地址:http://www.cnblogs.com/nulifendou/p/5094728.html