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