jQuery数据处理等待效果代码下载

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

[ jQuery ] 运行代码下载代码

<script>
$.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("上传生产数据异常！"); 
  } 
});
</script>

代码描述：jQuery数据处理等待。jQuery数据处理等待效果代码下载

下载全部收藏

137 183

用户评论

大牛，别默默的看了，快登录帮我点评一下吧！:) 登录 | 注册