你的位置:首页 > Java教程

[Java教程]数据处理等待效果实例代码


数据处理等待效果实例代码:
在很多网站有数据处理等待效果,比如当数据正在加载或者其他处理活动的时候,会有一个特别的页面或者图标来说明数据正在处理,这样更加人性化,下面是一段代码片段,希望能够给大家带来一定的帮助。
代码如下:

 

$.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/