【layui】【笔记】页面内容加载时使用layer提示加载中。。。
问题:在查询数据时需要等待一段时间,这时加入提示框提示用户数据正在加载,待数据查询到时,再关闭提示框;并且由于页面使用多个layer,所以需要关闭特定提示框,而不是closeAll。代码:
// 开始显示加载动画
let index_load = layer.msg('查询数据中,请稍候。。。', { icon:16, time: false, shade: 0.3});
$.ajax({
type:'post',
url:'/qingqiuhoutaishuju',
success: function (res) {
//请求成功结束加载动画
layer.close(index_load); // 关闭特定提示框
},
error: function (ex) {
//请求成功结束加载动画
layer.close(index_load);
layer.alert('查询失败,请重新选择');
}
});
提示框样式:
这个用这两个都可以 在ajax执行完关闭index就行了
//加载层
var index = layer.load(0, {shade: false}); //0代表加载的风格,支持0-2
//loading层
var index = layer.load(1, {
shade: //0.1透明度的白色背景
});
页:
[1]