soupirerdedame 发表于 2021-3-30 11:35

【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('查询失败,请重新选择');
                }
         });

提示框样式:

Su、 发表于 2021-3-30 17:05

这个用这两个都可以 在ajax执行完关闭index就行了
//加载层

var index = layer.load(0, {shade: false}); //0代表加载的风格,支持0-2
//loading层

var index = layer.load(1, {
shade: //0.1透明度的白色背景
});
页: [1]
查看完整版本: 【layui】【笔记】页面内容加载时使用layer提示加载中。。。