這篇文章將為大家詳細(xì)講解有關(guān)Ajax如何實現(xiàn)加載進(jìn)度條，小編覺得挺實用的，因此分享給大家做個參考，希望大家閱讀完這篇文章后可以有所收獲。
ajax beforeSend:
先說說這個 beforeSend， 在請求發(fā)送前執(zhí)行 比如 可以判斷用戶有沒有登錄 ，如果沒有登錄就停止請求 并提示。
重慶分公司
重慶分公司
$.ajax({
url : 'my_action',
dataType: 'script',
beforeSend : function(xhr, opts){
if(1 == 1) //just an example
{
xhr.abort(); // 停止請求
}
},
complete: function(){
console.log('DONE');
}
});$.ajax有一個參數(shù)是complete：function(){} 是在 請求完成之后執(zhí)行的 ，配合beforeSend可以用來展示進(jìn)度條
比如：
$.ajax({
url : 'my_action',
dataType: 'script',
beforeSend : function(){
// 設(shè)置 進(jìn)度條到20%慢慢變到50%
},
complete: function(){
// 設(shè)置 進(jìn)度條到80%
}
success：function(){
// 渲染頁面
// 進(jìn)度到100%
}
});這個只是表面上的看到的進(jìn)度條 ，展示大概的進(jìn)度，并不是真正的加載進(jìn)度。
ajax是一種在無需重新加載整個網(wǎng)頁的情況下，能夠更新部分網(wǎng)頁的技術(shù)，可以通過在后臺與服務(wù)器進(jìn)行少量數(shù)據(jù)交換，使網(wǎng)頁實現(xiàn)異步更新。
關(guān)于“Ajax如何實現(xiàn)加載進(jìn)度條”這篇文章就分享到這里了，希望以上內(nèi)容可以對大家有一定的幫助，使各位可以學(xué)到更多知識，如果覺得文章不錯，請把它分享出去讓更多的人看到。
