jquery.blockUI.js上傳滾動等待效果實現(xiàn)思路及代碼
更新時間：2013年03月18日 16:12:16 作者：
上傳滾動等待效果想必大家在很多場合都有見過吧，本文將介紹jquery.blockUI.js實現(xiàn)上傳滾動等待效果，感興趣的你可不要錯過了哈，希望可以幫助到你
請求的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是錯誤的時候去調(diào)的方法（error:function(e) {if(isMask)$('#div_mask').unblock();}）。unblock()是jquery.blockUI.js的方法，當出錯的時候關(guān)掉滾動。
3、在后面beforeSend是在響應的時候發(fā)送數(shù)據(jù)，開始去調(diào)用的方法$('#div_mask').block({message:'<img src="/ets/image/common/loadingCHS.gif"/>'}，
block是jquery.blockUI.js的方法，打開div進行滾動。
效果圖：
復制代碼 代碼如下:
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是錯誤的時候去調(diào)的方法（error:function(e) {if(isMask)$('#div_mask').unblock();}）。unblock()是jquery.blockUI.js的方法，當出錯的時候關(guān)掉滾動。
3、在后面beforeSend是在響應的時候發(fā)送數(shù)據(jù)，開始去調(diào)用的方法$('#div_mask').block({message:'<img src="/ets/image/common/loadingCHS.gif"/>'}，
block是jquery.blockUI.js的方法，打開div進行滾動。
效果圖：
您可能感興趣的文章:
相關(guān)文章
這篇文章主要為大家詳細介紹了jquery實現(xiàn)簡單實用的輪播器制作方法，具有一定的參考價值，感興趣的小伙伴們可以參考一下2017-05-05
在使用PDFObject.js時，由于后臺需要轉(zhuǎn)換數(shù)據(jù)，在前臺顯示的時候，有很長一段時間顯示空白頁面，所以想到寫一個假的加載動畫，下面看下實現(xiàn)代碼2016-12-12
BootStrap下jQuery自動完成的樣式調(diào)整
這篇文章主要介紹了BootStrap下jQuery自動完成的樣式調(diào)整的相關(guān)資料,非常不錯具有參考借鑒價值，需要的朋友可以參考下2016-05-05
查詢功能是開發(fā)中最重要的一個功能，大量數(shù)據(jù)的顯示，我們用的最多的就是分頁。2011-02-02
jQuery實現(xiàn)帶漸顯效果的人物多級關(guān)系圖代碼
這篇文章主要介紹了jQuery實現(xiàn)帶漸顯效果的人物多級關(guān)系圖,可實現(xiàn)多種關(guān)系的顯示及點擊后漸顯切換效果,涉及jQuery響應鼠標事件動態(tài)修改頁面元素顯示效果的相關(guān)技巧,需要的朋友可以參考下2015-10-10
這是一個基于jquey寫的倒計時。當然代碼有點小改動，只是改了一下展示效果。2014-05-05
dreamweaver 安裝Jquery智能提示，需要的朋友可以參考下。2011-04-04
用jQuery實現(xiàn)一些導航條切換,顯示隱藏的實例代碼
用jQuery實現(xiàn)一些導航條切換,顯示隱藏的實例代碼，需要的朋友可以參考一下2013-06-06
快速解決jquery.touchSwipe左右滑動和垂直滾動條沖突
這篇文章主要介紹了快速解決jquery.touchSwipe左右滑動和垂直滾動條沖突問題，感興趣的小伙伴們可以參考一下2016-04-04
JQuery中兩個ul標簽的li互相移動實現(xiàn)方法
這篇文章主要介紹了JQuery中兩個ul標簽的li互相移動實現(xiàn)方法,可實現(xiàn)ul標簽中l(wèi)i標簽內(nèi)容相互替換的技巧,涉及jQuery操作頁面元素的相關(guān)技巧,需要的朋友可以參考下2015-05-05