当前位置 博文首页 > u012442504的专栏:layui执行操作的时候弹出等待框--亲测可用

    u012442504的专栏:layui执行操作的时候弹出等待框--亲测可用

    作者:[db:作者] 时间:2021-09-23 10:40

    一、创建事件方式

    function showLoad() {
    
            return layer.msg('拼命执行中...', {icon: 16,shade: [0.5, '#f5f5f5'],scrollbar: false,offset: 'auto', time:100000});
            
        }
        
        function closeLoad(index) {
            layer.close(index);
            
        }
        function showSuccess() {
            layer.msg('执行成功!',{time: 1000,offset: 'auto'});
            
        }

    二、创建请求?

       var i;
                        $.ajax({
                            url: '',
                            type: 'POST',
                            async: true,
                            cache: false,
                            data: data.field,
                            beforeSend: function () {
                              i=showLoad();
                            },
                            success: function (res) {
                                if (res.success) {
                                    closeLoad(i);
                                    showSuccess();
                                } else {
                                    closeLoad(i);
                                    layer.alert(res.msg);
                                }
    
                            }
                        })

    注意事项:注意: ajax请求一定要是异步的,加载层可以使用layer.load()?。

    cs