layer加载层，来消除php2次提交

最新推荐文章于 2025-05-29 14:21:11 发布

原创最新推荐文章于 2025-05-29 14:21:11 发布 · 290 阅读

0 ·

CC 4.0 BY-SA版权

layui 专栏收录该内容

9 篇文章

订阅专栏

本文介绍如何利用layui框架的Layer和Form模块进行表单提交操作，包括加载层的显示、提交数据到服务器并处理响应结果，以及根据响应结果进行页面跳转和消息提示。

layui.use(['form', 'layer'], function() {
    var form = layui.form;
    var layer = layui.layer;
    form.on('submit(zadd)', function(data) {
        var tishi = layer.open({shadeClose: false, type: 3, content: ''}); 
        var data = data.field;
        var url = "__SELF__";
        $.post(url, data, function(result) {
            if (result.status == 0) {
                layer.msg(result.message);
            }
            if (result.status == 1) {
                layer.msg(result.message, { icon: 1, time: 1000 }, function() {
                    window.location.href = "__CONTROLLER__/zlist";
                });
            layer.close(tishi);
            }
        }, 'JSON');
        return false;
    })

    
});

利用 layer，来用一个加载层，然后提交成功之后，close消除掉, 下面这些写法也可

var index = layer.msg('查询中，请稍候', { icon: 16, time: false, shade: 0.8 });