jquery.blockUI.js upload scrolling wait effect implementation ideas and code_jquery

Requested url:

Copy code The code is as follows:

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"/>'});}});
}

When requesting url synchronously or asynchronously in ajax , when responding to the returned request, there is a waiting process.

Copy code The code is as follows:

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. What follows success here is Method ({onSuccess) removed after successfully returning the response.
2. Error is the method to adjust when there is an error (error: function(e) {if(isMask)$('#div_mask').unblock();}). unblock() is a method of jquery.blockUI.js, which turns off scrolling when an error occurs.
3. BeforeSend sends data when responding and starts calling the method $('#div_mask').block({message:'<img src="/ets/image/common/loadingCHS. gif"/>'},
block is the method of jquery.blockUI.js, open the div for scrolling.
Rendering: