最新文章專題視頻專題問答1問答10問答100問答1000問答2000關(guān)鍵字專題1關(guān)鍵字專題50關(guān)鍵字專題500關(guān)鍵字專題1500TAG最新視頻文章推薦1 推薦3 推薦5 推薦7 推薦9 推薦11 推薦13 推薦15 推薦17 推薦19 推薦21 推薦23 推薦25 推薦27 推薦29 推薦31 推薦33 推薦35 推薦37視頻文章20視頻文章30視頻文章40視頻文章50視頻文章60 視頻文章70視頻文章80視頻文章90視頻文章100視頻文章120視頻文章140 視頻2關(guān)鍵字專題關(guān)鍵字專題tag2tag3文章專題文章專題2文章索引1文章索引2文章索引3文章索引4文章索引5123456789101112131415文章專題3
問答文章1 問答文章501 問答文章1001 問答文章1501 問答文章2001 問答文章2501 問答文章3001 問答文章3501 問答文章4001 問答文章4501 問答文章5001 問答文章5501 問答文章6001 問答文章6501 問答文章7001 問答文章7501 問答文章8001 問答文章8501 問答文章9001 問答文章9501
當前位置: 首頁 - 科技 - 知識百科 - 正文

優(yōu)化ajax請求服務(wù)器加載數(shù)據(jù)列表等待的用戶體驗

來源:懂視網(wǎng) 責編:小采 時間:2020-11-27 19:57:11
文檔

優(yōu)化ajax請求服務(wù)器加載數(shù)據(jù)列表等待的用戶體驗

優(yōu)化ajax請求服務(wù)器加載數(shù)據(jù)列表等待的用戶體驗:這次給大家?guī)韮?yōu)化ajax請求服務(wù)器加載數(shù)據(jù)列表等待的用戶體驗,優(yōu)化ajax請求服務(wù)器加載數(shù)據(jù)列表等待用戶體驗的注意事項有哪些,下面就是實戰(zhàn)案例,一起來看一下。我們利用weui.js中的weui.loading為效果,ajax的beforeSend與complete方法,做一
推薦度:
導讀優(yōu)化ajax請求服務(wù)器加載數(shù)據(jù)列表等待的用戶體驗:這次給大家?guī)韮?yōu)化ajax請求服務(wù)器加載數(shù)據(jù)列表等待的用戶體驗,優(yōu)化ajax請求服務(wù)器加載數(shù)據(jù)列表等待用戶體驗的注意事項有哪些,下面就是實戰(zhàn)案例,一起來看一下。我們利用weui.js中的weui.loading為效果,ajax的beforeSend與complete方法,做一

這次給大家?guī)韮?yōu)化ajax請求服務(wù)器加載數(shù)據(jù)列表等待的用戶體驗,優(yōu)化ajax請求服務(wù)器加載數(shù)據(jù)列表等待用戶體驗的注意事項有哪些,下面就是實戰(zhàn)案例,一起來看一下。

我們利用weui.js中的weui.loading為效果,ajax的beforeSend與complete方法,做一個加載數(shù)據(jù)時會有幾秒的 loading...

要在頁面需要加載的JS文件:

<script src="../js/libs/weui.min.js"></script>

可以去weui的文檔中下載,這是它的demo: https://weui.io/weui.js/

這里主要講jQuery ajax的get,查詢數(shù)據(jù)時,它的結(jié)構(gòu)為:

$.ajax({
 type: 'get',
 url: url,
 data: data,
 dataType: 'json',
 contentType: 'apllication/json; charset=utf-8' ,
 //數(shù)據(jù)加載前調(diào)用的方法 beforeSend()
 beforeSend: function(data){
 //這里判斷,如果沒有加載數(shù)據(jù),會顯示loading 
 if(data.readyState == 0){ 
 weui.loading('loading'); 
 }
 },
 //數(shù)據(jù)加載成功調(diào)用的方法 sucess()
 sucess: function(data){
 //這里寫數(shù)據(jù)加載成功后,會執(zhí)行的代碼
 }, 
 //數(shù)據(jù)加載成功后調(diào)用的方法 complete()
 complete: function(data){
 //這里判斷,數(shù)據(jù)加載成功之后,loading 隱藏
 if(data.status == 200){
 setTimeOut(function(){
 weui.loading('loading').hide();
 },500);
 }
 },
 //數(shù)據(jù)加載錯誤后調(diào)用的方法 error()
 error: function(data){
 weui.topTips('數(shù)據(jù)加載失??!');
 }
})

相信看了本文案例你已經(jīng)掌握了方法,更多精彩請關(guān)注Gxl網(wǎng)其它相關(guān)文章!

推薦閱讀:

Ajax不刷新的情況下實現(xiàn)分頁效果

用ajax實現(xiàn)session超時跳轉(zhuǎn)到登錄頁面

聲明:本網(wǎng)頁內(nèi)容旨在傳播知識,若有侵權(quán)等問題請及時與本網(wǎng)聯(lián)系,我們將在第一時間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com

文檔

優(yōu)化ajax請求服務(wù)器加載數(shù)據(jù)列表等待的用戶體驗

優(yōu)化ajax請求服務(wù)器加載數(shù)據(jù)列表等待的用戶體驗:這次給大家?guī)韮?yōu)化ajax請求服務(wù)器加載數(shù)據(jù)列表等待的用戶體驗,優(yōu)化ajax請求服務(wù)器加載數(shù)據(jù)列表等待用戶體驗的注意事項有哪些,下面就是實戰(zhàn)案例,一起來看一下。我們利用weui.js中的weui.loading為效果,ajax的beforeSend與complete方法,做一
推薦度:
  • 熱門焦點

最新推薦

猜你喜歡

熱門推薦

專題
Top