jquery.blockUI.js上传滚动等待效果实现思路及代码
更新时间：2013年03月18日 16:12:16 作者：
上传滚动等待效果想必大家在很多场合都有见过吧，本文将介绍jquery.blockUI.js实现上传滚动等待效果，感兴趣的你可不要错过了哈，希望可以帮助到你
请求的url：
function request(url, onSuccess, paras, method, isAsync, isMask) {
$.ajax({type:method,url:url,async:isAsync,data:paras,success:function(request){onSuccess(request,isMask);},error:function(e) {if(isMask)
$('#div_mask').unblock();},beforeSend:function(e){if(isMask)$('#div_mask').block({message:'<img src="/ets/image/common/loadingCHS.gif"/>'});}});
}
ajax 中同步或者异步请求url时，当要响应返回的请求，这是有个等待过程的。
success:function(request){onSuccess(request,isMask);},error:function(e) {if(isMask)$('#div_mask').unblock();},beforeSend:function(e){if(isMask)
$('#div_mask').block({message:'<img src="/ets/image/common/loadingCHS.gif"/>'});}
1、在这里success后面的是在成功返回响应后去掉的方法（{onSuccess）。
2、error是错误的时候去调的方法（error:function(e) {if(isMask)$('#div_mask').unblock();}）。unblock()是jquery.blockUI.js的方法，当出错的时候关掉滚动。
3、在后面beforeSend是在响应的时候发送数据，开始去调用的方法$('#div_mask').block({message:'<img src="/ets/image/common/loadingCHS.gif"/>'}，
block是jquery.blockUI.js的方法，打开div进行滚动。
效果图：
复制代码 代码如下:
function request(url, onSuccess, paras, method, isAsync, isMask) {
$.ajax({type:method,url:url,async:isAsync,data:paras,success:function(request){onSuccess(request,isMask);},error:function(e) {if(isMask)
$('#div_mask').unblock();},beforeSend:function(e){if(isMask)$('#div_mask').block({message:'<img src="/ets/image/common/loadingCHS.gif"/>'});}});
}
ajax 中同步或者异步请求url时，当要响应返回的请求，这是有个等待过程的。
复制代码 代码如下:
success:function(request){onSuccess(request,isMask);},error:function(e) {if(isMask)$('#div_mask').unblock();},beforeSend:function(e){if(isMask)
$('#div_mask').block({message:'<img src="/ets/image/common/loadingCHS.gif"/>'});}
1、在这里success后面的是在成功返回响应后去掉的方法（{onSuccess）。
2、error是错误的时候去调的方法（error:function(e) {if(isMask)$('#div_mask').unblock();}）。unblock()是jquery.blockUI.js的方法，当出错的时候关掉滚动。
3、在后面beforeSend是在响应的时候发送数据，开始去调用的方法$('#div_mask').block({message:'<img src="/ets/image/common/loadingCHS.gif"/>'}，
block是jquery.blockUI.js的方法，打开div进行滚动。
效果图：
您可能感兴趣的文章:
相关文章
这篇文章主要介绍了jQuery控制DIV层实现由大到小，由远及近动画变化效果,涉及jQuery基于animate方法操作页面元素实现动画渐变效果的相关技巧,需要的朋友可以参考下2015-10-10
jQuery animate和CSS3相结合实现缓动追逐效果附源码下载
这篇文章主要介绍了jQuery animate和CSS3相结合实现缓动追逐效果的相关资料,需要的朋友可以参考下2016-04-04
JQuery AJAX 中文乱码问题解决，需要的朋友可以参考一下2013-06-06
这篇文章主要介绍了jQuery深拷贝Json对象的简单实现方法,以简单示例形式分析了jQuery深拷贝的操作技巧,需要的朋友可以参考下2016-07-07
jquery创建一个新的节点对象(自定义结构/内容)的好方法
jq创建一个新的节点对象,这对一些自定义功能很有帮助，而且可以随意控制对象的结构与内容，何乐而不为呢，看到这里，相信有些朋友已经按耐不住了，好记下来为大家介绍实现方法，感兴趣的朋友可以了解下哦2013-01-01
获取select的value、text值的简单示例（jquery与javascript）
本篇文章主要分享了获取select的value、text值的简单示例代码，代码简洁明了，有需要的朋友可以参考下2016-12-12
这篇文章主要介绍了jQuery绑定自定义事件使用技巧,通过循环绑定所有的自定义事件,在恰当的时机调用,需要的朋友可以参考下。2016-06-06
这篇文章主要介绍了jQuery类选择器用法,以一个隐藏div元素的实例分析了jQuery类选择器的用法技巧,具有一定的参考借鉴价值,需要的朋友可以参考下2014-12-12
本文给大家介绍bootstrap无限级分类jq拓展之前的无限级分类的封装版的知识，非常不错具有参考借鉴价值，感兴趣的朋友一起看下吧2016-08-08
网站中防止表单重复提交是一个比较普遍的需求，先看原理实现方法也有很多。2010-01-01
最新评论