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

2019/6/29 22:46:03

编程Tag： 滚动上传等待

本文主要是介绍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.blockUI.js上传滚动等待效果实现思路及代码

相关编程文章