layui上传文件loading加载动画

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();
                });
            });