layui关闭当前层刷新父窗口

最新推荐文章于 2023-10-22 12:01:05 发布

原创最新推荐文章于 2023-10-22 12:01:05 发布 · 1k 阅读

0 ·

CC 4.0 BY-SA版权

ThinkPHP 专栏收录该内容

4 篇文章

订阅专栏

本文介绍了一个使用layui框架实现的表单提交功能，通过jquery进行数据提交，并利用layer弹窗展示提交结果，包括成功与失败的消息提示。

<script>
    layui.use('form', function(){
        var form = layui.form, $ = layui.jquery;
        form.on('submit(submit)', function (data) {
            // 提交到方法 默认为本身
            $.post("{:url('news/groupadd')}", data.field, function (res) {
                if (res.code > 0) {
                    layer.msg(res.msg, {time: 1800, icon: 1});
                    //var index = parent.layer.getFrameIndex(window.name); //获取窗口索引
                    setTimeout(function () {
                        //parent.layer.close(index); // 关闭layer
                        layer.closeAll("iframe");//关闭弹出层
                        parent.location.reload();
                    },500);
                } else {
                    layer.msg(res.msg, {time: 1800, icon: 2});
                }
            });
        });
    });
</script>

http://fuxiao.io/practice/demos/layui/layer/iframes/iframe_window.html