jquery.blockUI.js上传滚动等待效果实现思路及代码_jquery
程序员文章站
2022-05-06 19:21:31
...
请求的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:''});}});
}
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:''});}
1、在这里success后面的是在成功返回响应后去掉的方法({onSuccess)。
2、error是错误的时候去调的方法(error:function(e) {if(isMask)$('#div_mask').unblock();})。unblock()是jquery.blockUI.js的方法,当出错的时候关掉滚动。
3、在后面beforeSend是在响应的时候发送数据,开始去调用的方法$('#div_mask').block({message:''},
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:''});}});
}
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:''});}
1、在这里success后面的是在成功返回响应后去掉的方法({onSuccess)。
2、error是错误的时候去调的方法(error:function(e) {if(isMask)$('#div_mask').unblock();})。unblock()是jquery.blockUI.js的方法,当出错的时候关掉滚动。
3、在后面beforeSend是在响应的时候发送数据,开始去调用的方法$('#div_mask').block({message:''},
block是jquery.blockUI.js的方法,打开div进行滚动。
效果图:
推荐阅读
-
jquery多行滚动/向左或向上滚动/响应鼠标实现思路及代码
-
jquery多行滚动/向左或向上滚动/响应鼠标实现思路及代码_jquery
-
jquery.blockUI.js上传滚动等待效果实现思路及代码_jquery
-
jquery多行滚动/向左或向上滚动/响应鼠标实现思路及代码_jquery
-
Jquery实现图片放大镜效果的思路及代码(自写)_jquery
-
jquery 页眉单行信息滚动显示实现思路及代码_jquery
-
jquery.blockUI.js上传滚动等待效果实现思路及代码_jquery
-
jquery 页眉单行信息滚动显示实现思路及代码_jquery
-
jquery多行滚动/向左或向上滚动/响应鼠标实现思路及代码
-
Jquery实现图片放大镜效果的思路及代码(自写)_jquery