码迷,mamicode.com
首页 > 其他好文 > 详细

数据处理等待效果实例代码

时间:2016-01-02 16:12:06      阅读:114      评论:0      收藏:0      [点我收藏+]

标签:

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

 

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

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!