jquery实现加载等待效果示例

更新时间：2013年09月25日 17:12:59 作者：

加载等待效果想必大家都有见到过吧，其实很简单，在本文将为大家介绍下使用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("上传生产数据异常！"); 
} 
}); 

您可能感兴趣的文章:

加载等待

浅谈jquery选择器 :first与:first-child的区别
下面小编就为大家带来一篇浅谈jquery选择器 :first与:first-child的区别。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧
2016-11-11
css配合jquery美化 select
select的美化在之前的文章中也有介绍过，在本文将为大家介绍下使用css配合jquery美化select，感兴趣的朋友可以参考下
2013-11-11
jQuery使用JSONP实现跨域获取数据的三种方法详解
这篇文章主要介绍了jQuery使用JSONP实现跨域获取数据的三种方法,结合实例形式对比分析了jsonp跨域获取数据的3种常用操作技巧,需要的朋友可以参考下
2017-05-05
jQuery实现图片向左向右切换效果的简单实例
下面小编就为大家带来一篇jQuery实现图片向左向右切换效果的简单实例。小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
2016-05-05
jQGrid Table操作列中点击【操作】按钮弹出按钮层的实现代码
在使用JqGrid时，Table中最后一列是操作列，在操作列中每一行都有一个操作按钮，该操作按钮和下拉菜单非常类似，下面给大家分享jQGrid Table操作列中点击【操作】按钮弹出按钮层的实现代码，非常不错，感兴趣的朋友一起学习吧
2016-12-12
jQuery实现的放大镜效果示例
这篇文章主要介绍了jQuery实现的放大镜效果,结合实例形式分析了jQuery插件zoom.js实现放大镜功能的相关操作技巧,需要的朋友可以参考下
2016-09-09
JQuery 初体验(建议学习jquery)
最近从朋友那儿听说，写JavaScript，JQuery是个不错的东东，市场份额达到70%之巨。所以去下载了一份体验了一下。
2009-04-04
jquery实现图片列表鼠标移入微动
本文主要介绍利用jquery实现图片列表鼠标移入微动的实例。代码清晰，需要的朋友来看下吧
2016-12-12
jQuery常见的选择器及用法介绍
选择器的意义就是将众多html代码中准确的找出我们想找的单元。接下来将常见的选择器以及作用列举出来，对jQuery常见的选择器及用法感兴趣的朋友一起看看吧
2016-12-12
webpack中引用jquery的简单实现
下面小编就为大家带来一篇webpack中引用jquery的简单实现。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧
2016-06-06