jquery.blockUI.js上傳滾動(dòng)等待效果實(shí)現(xiàn)思路及代碼
更新時(shí)間：2013年03月18日 16:12:16 作者：
上傳滾動(dòng)等待效果想必大家在很多場(chǎng)合都有見過吧，本文將介紹jquery.blockUI.js實(shí)現(xiàn)上傳滾動(dòng)等待效果，感興趣的你可不要錯(cuò)過了哈，希望可以幫助到你
請(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è)等待過程的。
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ù)，開始去調(diào)用的方法$('#div_mask').block({message:'<img src="/ets/image/common/loadingCHS.gif"/>'}，
block是jquery.blockUI.js的方法，打開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è)等待過程的。
復(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ù)，開始去調(diào)用的方法$('#div_mask').block({message:'<img src="/ets/image/common/loadingCHS.gif"/>'}，
block是jquery.blockUI.js的方法，打開div進(jìn)行滾動(dòng)。
效果圖：
您可能感興趣的文章:
相關(guān)文章
jQuery控制DIV層實(shí)現(xiàn)由大到小，由遠(yuǎn)及近動(dòng)畫變化效果
這篇文章主要介紹了jQuery控制DIV層實(shí)現(xiàn)由大到小，由遠(yuǎn)及近動(dòng)畫變化效果,涉及jQuery基于animate方法操作頁面元素實(shí)現(xiàn)動(dòng)畫漸變效果的相關(guān)技巧,需要的朋友可以參考下2015-10-10
jQuery animate和CSS3相結(jié)合實(shí)現(xiàn)緩動(dòng)追逐效果附源碼下載
這篇文章主要介紹了jQuery animate和CSS3相結(jié)合實(shí)現(xiàn)緩動(dòng)追逐效果的相關(guān)資料,需要的朋友可以參考下2016-04-04
JQuery AJAX 中文亂碼問題解決，需要的朋友可以參考一下2013-06-06
jQuery深拷貝Json對(duì)象簡(jiǎn)單示例
這篇文章主要介紹了jQuery深拷貝Json對(duì)象的簡(jiǎn)單實(shí)現(xiàn)方法,以簡(jiǎn)單示例形式分析了jQuery深拷貝的操作技巧,需要的朋友可以參考下2016-07-07
jquery創(chuàng)建一個(gè)新的節(jié)點(diǎn)對(duì)象(自定義結(jié)構(gòu)/內(nèi)容)的好方法
jq創(chuàng)建一個(gè)新的節(jié)點(diǎn)對(duì)象,這對(duì)一些自定義功能很有幫助，而且可以隨意控制對(duì)象的結(jié)構(gòu)與內(nèi)容，何樂而不為呢，看到這里，相信有些朋友已經(jīng)按耐不住了，好記下來為大家介紹實(shí)現(xiàn)方法，感興趣的朋友可以了解下哦2013-01-01
獲取select的value、text值的簡(jiǎn)單示例（jquery與javascript）
本篇文章主要分享了獲取select的value、text值的簡(jiǎn)單示例代碼，代碼簡(jiǎn)潔明了，有需要的朋友可以參考下2016-12-12
這篇文章主要介紹了jQuery綁定自定義事件使用技巧,通過循環(huán)綁定所有的自定義事件,在恰當(dāng)?shù)臅r(shí)機(jī)調(diào)用,需要的朋友可以參考下。2016-06-06
這篇文章主要介紹了jQuery類選擇器用法,以一個(gè)隱藏div元素的實(shí)例分析了jQuery類選擇器的用法技巧,具有一定的參考借鑒價(jià)值,需要的朋友可以參考下2014-12-12
本文給大家介紹bootstrap無限級(jí)分類jq拓展之前的無限級(jí)分類的封裝版的知識(shí)，非常不錯(cuò)具有參考借鑒價(jià)值，感興趣的朋友一起看下吧2016-08-08
網(wǎng)站中防止表單重復(fù)提交是一個(gè)比較普遍的需求，先看原理實(shí)現(xiàn)方法也有很多。2010-01-01