手机
当前位置:查字典教程网 >编程开发 >Javascript教程 >jquery.blockUI.js上传滚动等待效果实现思路及代码
jquery.blockUI.js上传滚动等待效果实现思路及代码
摘要:请求的url:复制代码代码如下:functionrequest(url,onSuccess,paras,method,isAsync,isM...

请求的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="http://www.jb51.netets/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="http://www.jb51.netets/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="http://www.jb51.netets/image/common/loadingCHS.gif"/>'},

block是jquery.blockUI.js的方法,打开div进行滚动。

效果图:

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

【jquery.blockUI.js上传滚动等待效果实现思路及代码】相关文章:

jQuery插件bgStretcher.js实现全屏背景特效

jQuery使用zTree插件实现树形菜单和异步加载

jQuery实现的多屏图像图层切换效果实例

jQuery实现转动随机数抽奖效果的方法

Node.js 条形码识别程序构建思路详解

jquery简单实现外部链接用新窗口打开的方法

jQuery实现返回顶部功能

js实现异步循环实现代码

Jquery中基本选择器用法实例详解

jQuery插件jRumble实现网页元素抖动

精品推荐
分类导航