jquery layui 开始请求打开layui加载动画 所有请求结束后关闭layui加载动画
ajaxSetup() 方法为将来的 AJAX 请求设置默认值。
$.ajax请求中有一个beforeSend方法,用于在向服务器发送请求前执行一些动作。
<span class="layui-layer-shad"></span>
JQuer代码部分
//加载样式
$.ajaxSetup({
beforeSend: function () {
layui.use('layer', function () {
layui.layer.load();
$(".layui-layer-shade").css('background', '#000000')
$(".layui-layer-shade").css('opacity', '0.2')
});
},
});
$.post("{:url('prescription/batch_import')}",$('#comment').serialize(),function(data){
//关闭加载样式
var index = layui.layer.load();
})
显示结果页面
参考文档:
https://blog.csdn.net/yuyezhilv/article/details/91416375
https://blog.csdn.net/qq_20042935/article/details/89447716
有时间可以拓展了解
beforeSend: function () {
layui.use('layer', function () {
layui.layer.load();
//console.log(Lodingindex) opacity
$(".layui-layer-shade").css('background', '#000000')
$(".layui-layer-shade").css('opacity', '0.2')
$(".layui-layer-shade").click(function (event) {
event.stopPropagation();
})
});
},
complete: function () {
//layui.use('layer', function () {
// layui.layer.closeAll();
// setTimeout(function () {
// layui.layer.closeAll();
// }, 2000);
//});
},
error: function () {
//layui.use('layer', function () {
// layui.layer.closeAll();
//});
}
});
$(document).ajaxStop(function () {
layui.use('layer', function () {
layui.layer.closeAll();
});
});