jquery.blockUI.js实现上传滚动等待效果
2013-03-01 12:20
417 查看
请求的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进行滚动。
效果图:
原文链接:http://www.software8.co/wzjs/jquery/998.html
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进行滚动。
效果图:
原文链接:http://www.software8.co/wzjs/jquery/998.html
相关文章推荐
- jquery.blockUI.js实现上传滚动等待效果
- jquery.blockUI.js上传滚动等待效果实现思路及代码
- jquery.blockUI.js上传滚动等待效果实现思路及代码
- jquery.blockUI.js实现上传滚动等待效果
- jquery滚动组件(vticker.js)实现页面动态数据的滚动效果
- JQuery插件Marquee.js实现无缝滚动效果
- 纯CSS3实现多种不同的等待效果(无js/jquery/无图片)
- JQuery插件Marquee.js实现无缝滚动效果
- jquery滚动组件(vticker.js)实现页面动态数据的滚动效果
- 利用Ajax向Servlet发送请求下载统计后的Excel文件,利用jquery.blockUI.js给予用户等待提示
- <js>jquery实现新闻滚动效果,ie11支持
- jquery实现marquee效果(文字或者图片的水平垂直滚动)
- 【jquery】jquery 实现回旋滚动效果
- jquery实现多行文字图片滚动效果示例代码
- 2011-01-16 21:13 JQuery实现页面随滚动条滚动而动态加载内容的效果
- jquery插件tytabs.jquery.min.js实现渐变TAB选项卡效果
- jQuery实现jQuery-form.js实现异步上传文件
- jquery实现网页的页面平滑滚动效果代码
- 简单JS实现走马灯效果的文字(无需jQuery)
- JQuery+JS实现仿百度搜索结果中关键字变色效果