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 實現(xiàn)加載進(jìn)度條,希望對大家有所幫助,如果大家有任何疑問請給我留言,小編會及時回復(fù)大家的。在此也非常感謝大家對腳本之家網(wǎng)站的支持!
相關(guān)文章
使用AJAX返回WebService里的集合具體實現(xiàn)
如何使用AJAX返回WebService里的集合,在本文將有一個完美的實現(xiàn),感興趣的朋友可以參考下哈,希望可以幫助到你2013-05-05Ajax請求發(fā)送成功但不進(jìn)success的解決方法
下面小編就為大家分享一篇Ajax請求發(fā)送成功但不進(jìn)success的解決方法,具有很好的參考價值,希望對大家有所幫助。一起跟隨小編過來看看吧2018-01-01在(ASP/PHP/JSP/html/js)中禁止ajax緩存的方法集錦
禁止ajax緩存最簡單的辦法就是在js端直接生成一個隨機數(shù)了,但是有時會發(fā)現(xiàn)此方法不適用于post了,如果我們要禁止post 提交數(shù)據(jù)的ajax緩存需要怎么處理呢,下面我整理了很多關(guān)于禁止ajax緩存的例子2014-08-08ajax交互Struts2的action(客戶端/服務(wù)器端)
本文為大家探討下ajax交互Struts2的action并有客戶端及服務(wù)器端代碼,感興趣的朋友可以參考下,希望對大家有所幫助2013-08-08ajax請求post和get的區(qū)別以及get post的選擇
這篇文章主要介紹了ajax請求post和get的區(qū)別以及get post的選擇,需要的朋友可以參考下2014-06-06$.ajax傳JSON數(shù)據(jù)到后臺的注意事項小結(jié)
這篇文章主要介紹了$.ajax傳JSON數(shù)據(jù)到后臺的注意事項,需要的朋友可以參考下2014-05-05