源码网商城,靠谱的源码在线交易网站 我的订单 购物车 帮助

源码网商城

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

  • 时间:2021-04-25 03:44 编辑: 来源: 阅读:
  • 扫一扫,手机访问
摘要:jquery.blockUI.js上传滚动等待效果实现思路及代码
请求的url:
[u]复制代码[/u] 代码如下:
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时,当要响应返回的请求,这是有个等待过程的。
[u]复制代码[/u] 代码如下:
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进行滚动。 效果图: [img]http://files.jb51.net/file_images/article/201303/2013318160245701.jpg?201321816310[/img]
  • 全部评论(0)
联系客服
客服电话:
400-000-3129
微信版

扫一扫进微信版
返回顶部