美文网首页
layui执行操作的时候弹出等待框

layui执行操作的时候弹出等待框

作者: 马木木 | 来源:发表于2018-08-09 19:44 被阅读0次
    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()

    相关文章

      网友评论

          本文标题:layui执行操作的时候弹出等待框

          本文链接:https://www.haomeiwen.com/subject/vfncbftx.html