Jquery中文网 www.jquerycn.cn
Jquery中文网 >  jQuery  >  jquery 教程  >  正文 jquery.blockUI.js上传滚动等待效果实现思路及代码

jquery.blockUI.js上传滚动等待效果实现思路及代码

发布时间:2013-11-21   编辑:www.jquerycn.cn
上传滚动等待效果想必大家在很多场合都有见过吧,本文将介绍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进行滚动。
效果图:

您可能感兴趣的文章:
jquery.blockUI.js上传滚动等待效果实现思路及代码
基于jQuery的可以控制左右滚动及自动滚动效果的代码
六款帮助你实现惊艳视差滚动效果的jQuery插件
Jquery.LazyLoad.js修正版下载,实现图片延迟加载插件
asp.net网站开发中用jquery实现滚动浏览器滚动条加载数据(类似于腾讯微博)
利用div+jquery自定义滚动条样式的2种方法
基于jquery的跟随屏幕滚动代码
JQUERY 实现窗口滚动搜索框停靠效果(类似滚动停靠)
javascript文字滚动效果一例
分享一个利用H5实现下拉顶部放大的实例代码

关键词: 上传  滚动  等待   
[关闭]