Heim >Web-Frontend >js-Tutorial >jquery.blockUI.js上传滚动等待效果实现思路及代码_jquery

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

WBOY
WBOYOriginal
2016-05-16 17:40:121059Durchsuche

请求的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:'jquery.blockUI.js上传滚动等待效果实现思路及代码_jquery'});}});
}

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:'jquery.blockUI.js上传滚动等待效果实现思路及代码_jquery'});}

1、在这里success后面的是在成功返回响应后去掉的方法({onSuccess)。
2、error是错误的时候去调的方法(error:function(e) {if(isMask)$('#div_mask').unblock();})。unblock()是jquery.blockUI.js的方法,当出错的时候关掉滚动。
3、在后面beforeSend是在响应的时候发送数据,开始去调用的方法$('#div_mask').block({message:'jquery.blockUI.js上传滚动等待效果实现思路及代码_jquery'},
block是jquery.blockUI.js的方法,打开div进行滚动。
效果图:
jquery.blockUI.js上传滚动等待效果实现思路及代码_jquery
Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn