91超碰碰碰碰久久久久久综合_超碰av人澡人澡人澡人澡人掠_国产黄大片在线观看画质优化_txt小说免费全本

溫馨提示×

溫馨提示×

您好,登錄后才能下訂單哦!

密碼登錄×
登錄注冊×
其他方式登錄
點擊 登錄注冊 即表示同意《億速云用戶服務條款》

layui加載數據顯示loading加載完成loading消失的實例代碼

發布時間:2020-10-19 14:33:45 來源:腳本之家 閱讀:478 作者:yufengaotian 欄目:web開發

項目中,向后臺請求數據,經常會出現較長的等待時間,這時我們需要一個loading轉圈圈,接收到后臺的數據時,讓loading消失

這layui中使用方法如下:以表格為例,每次加載表格數據時加一個loading

<link rel="stylesheet" href="../layui/css/layui.css" rel="external nofollow" />
<script type="text/javascript" src="../layui/layui.js"></script>
<script>
 layui.use(['table','layer'], function(){
			 var table = layui.table;
			 var layer = layui.layer;
			 var index = layer.load(1); //添加laoding,0-2兩種方式
			 //第一個實例
			 table.render({
			  elem: '#userTable',
			  height: 515,
			  method: 'POST', //方式
			  loading: true, //翻頁加loading
			  url: weburl, //數據接口
			  request:{
			  	pageName: 'pageIndex',//頁碼的參數名稱,默認:page
 					limitName: 'pageSize' //每頁數據量的參數名,默認:limit
			  },
			  where:{
			  	invite_uid:invite_uid //額外參數
			  },
			  response:{
			  	statusName: 'status', //數據狀態的字段名稱,默認:code
					statusCode: 1,//成功的狀態碼,默認:0
					msgName: 'msg' ,//狀態信息的字段名稱,默認:msg
					countName: 'count', //數據總數的字段名稱,默認:count
					dataName: 'data' //數據列表的字段名稱,默認:data
			  },
			  cols: [[ //表頭
			   {type:'numbers',title: '序號', fixed: 'left'},
			   {field: 'u_id', title: '會員id',width:80, fixed: 'left'},
			   {field: 'u_nickname', title: '會員昵稱',width:150},
			   {field: 'proxy_level', title: '代理級別',width:100},
			   {field: 'u_goldcnt', title: '擁有金幣',width:150},
			   {field: 'today_ubk_balance', title: '今日總輸贏',width:150},
			   {field: 'today_tb_balance', title: '今日返還金額',width:150},
			   {field: 'sum_ubk_balance', title: '歷史總輸贏',width:150},
			   {field: 'sum_tb_balance', title: '歷史返還金額',width:150}
			  ]],
			  limit: 10,
			  limits: [10, 20, 30, 40, 50] ,
			  page:{
			  	groups: 5 //只顯示 5 個連續頁碼
			  },
			  done:function (res) {  //返回數據執行回調函數
			  	layer.close(index);  //返回數據關閉loading
			  	
			  }
    });
});
 
</script>

以上這篇layui加載數據顯示loading加載完成loading消失的實例代碼就是小編分享給大家的全部內容了,希望能給大家一個參考,也希望大家多多支持億速云。

向AI問一下細節

免責聲明:本站發布的內容(圖片、視頻和文字)以原創、轉載和分享為主,文章觀點不代表本網站立場,如果涉及侵權請聯系站長郵箱:is@yisu.com進行舉報,并提供相關證據,一經查實,將立刻刪除涉嫌侵權內容。

AI

阳西县| 津市市| 闽侯县| 静宁县| 皮山县| 祥云县| 康定县| 青田县| 伊金霍洛旗| 汾西县| 长葛市| 新乐市| 济南市| 兴安县| 阿拉尔市| 明光市| 双流县| 乾安县| 墨竹工卡县| 东乡县| 泌阳县| 合江县| 平利县| 岢岚县| 土默特左旗| 遂川县| 武义县| 政和县| 襄汾县| 饶阳县| 外汇| 水城县| 仙桃市| 临泉县| 泽库县| 新和县| 天等县| 建宁县| 永胜县| 安阳市| 礼泉县|