溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務條款》
您好，登錄后才能下訂單哦！
小編給大家分享一下如何實現ajax請求服務器加載數據列表時提示loading，相信大部分人都還不怎么了解，因此分享這篇文章給大家參考一下，希望大家閱讀完這篇文章后大有收獲，下面讓我們一起去了解一下吧！
要在頁面需要加載的JS文件：
<script src="../js/libs/weui.min.js"></script>
可以去weui的文檔中下載，這是它的demo: https://weui.io/weui.js/
這里主要講jQuery ajax的get，查詢數據時，它的結構為：
$.ajax({
type: 'get',
url: url,
data: data,
dataType: 'json',
contentType: 'apllication/json; charset=utf-8' ,
//數據加載前調用的方法 beforeSend()
beforeSend: function(data){
//這里判斷，如果沒有加載數據，會顯示loading
if(data.readyState == 0){
weui.loading('loading');
}
},
//數據加載成功調用的方法 sucess()
sucess: function(data){
//這里寫數據加載成功后，會執行的代碼
},
//數據加載成功后調用的方法 complete()
complete: function(data){
//這里判斷，數據加載成功之后，loading 隱藏
if(data.status == 200){
setTimeOut(function(){
weui.loading('loading').hide();
},500);
}
},
//數據加載錯誤后調用的方法 error()
error: function(data){
weui.topTips('數據加載失敗！');
}
})以上是“如何實現ajax請求服務器加載數據列表時提示loading”這篇文章的所有內容，感謝各位的閱讀！相信大家都有了一定的了解，希望分享的內容對大家有所幫助，如果還想學習更多知識，歡迎關注億速云行業資訊頻道！
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
