這篇文章將為大家詳細講解有關Ajax如何實現加載進度條，小編覺得挺實用的，因此分享給大家做個參考，希望大家閱讀完這篇文章后可以有所收獲。
ajax beforeSend:
先說說這個 beforeSend， 在請求發送前執行 比如 可以判斷用戶有沒有登錄 ，如果沒有登錄就停止請求 并提示。
$.ajax({
url : 'my_action',
dataType: 'script',
beforeSend : function(xhr, opts){
if(1 == 1) //just an example
{
xhr.abort(); // 停止請求
}
},
complete: function(){
console.log('DONE');
}
});$.ajax有一個參數是complete：function(){} 是在 請求完成之后執行的 ，配合beforeSend可以用來展示進度條
比如：
$.ajax({
url : 'my_action',
dataType: 'script',
beforeSend : function(){
// 設置 進度條到20%慢慢變到50%
},
complete: function(){
// 設置 進度條到80%
}
success：function(){
// 渲染頁面
// 進度到100%
}
});這個只是表面上的看到的進度條 ，展示大概的進度，并不是真正的加載進度。
ajax是一種在無需重新加載整個網頁的情況下，能夠更新部分網頁的技術，可以通過在后臺與服務器進行少量數據交換，使網頁實現異步更新。
關于“Ajax如何實現加載進度條”這篇文章就分享到這里了，希望以上內容可以對大家有一定的幫助，使各位可以學到更多知識，如果覺得文章不錯，請把它分享出去讓更多的人看到。
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
