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