javascript

位置:IT落伍者 >> javascript >> 浏览文章

jquery.blockUI.js实现上传滚动等待效果


发布日期:2021年10月24日
 
jquery.blockUI.js实现上传滚动等待效果

请求的url
function request(url onSuccess paras method isAsync isMask) {
$ajax({type:methodurl:urlasync:isAsyncdata:parassuccess:function(request){onSuccess(requestisMask);}error:function(e) {if(isMask)
$(#div_mask)unblock();}beforeSend:function(e){if(isMask)$(#div_mask)block({message:<img src="/ets/image/common/loadingCHSgif"/>});}});
}
ajax 中同步或者异步请求url时当要响应返回的请求这是有个等待过程的
success:function(request){onSuccess(requestisMask);}error:function(e) {if(isMask)$(#div_mask)unblock();}beforeSend:function(e){if(isMask)
$(#div_mask)block({message:<img src="/ets/image/common/loadingCHSgif"/>});}
在这里success后面的是在成功返回响应后去掉的方法({onSuccess)
error是错误的时候去调的方法(error:function(e) {if(isMask)$(#div_mask)unblock();})unblock()是jqueryblockUIjs的方法当出错的时候关掉滚动
在后面beforeSend是在响应的时候发送数据开始去调用的方法$(#div_mask)block({message:<img src="/ets/image/common/loadingCHSgif"/>}
block是jqueryblockUIjs的方法打开div进行滚动
效果图

上一篇:js如何进行优化

下一篇:JS限制Textarea文本域字符个数的具体实现