当前位置:首页 > LayUI > 关键词 > layer > 正文

layui引用其他页面,并在提交后关闭引用页面,且刷新当前页面的方法

layui引用其他页面,并在提交后关闭引用页面,且刷新当前页面的方法

使用场景

在需添加某个值的时候,点击添加,弹出输入窗口B,操作结束后,自动关闭此窗口B,并刷新当前页面A。

页面A代码部分

$("#addprocess").click(function () {
    layer.open({
        type: 2,
        title:'新增建站进度 - {$product.domainname}',
        skin: 'layui-layer-molv', //加上边框
        closeBtn: 0, //不显示关闭按钮
        anim: 1,
        area: ['520px', '390px'], //宽高
        shadeClose: true, //开启遮罩关闭
        content: "{:url('addprocess')}?id={$product.id}",
        end:function () {
            location.reload()//执行刷新
        }
    });
});

窗口B代码部分

//监听提交
form.on('submit(submit)', function (data) {// 提交方法 默认为本身
    var loading = layer.load(1, {shade: [0.1, '#fff']});
    $.post("{:url('addprocess')}", data.field, function (res) {
        layer.close(loading);
        if (res.code > 0) {
            layer.msg(res.msg, {time: 1800, icon: 1});
            var index = parent.layer.getFrameIndex(window.name); //先得到当前iframe层的索引
            parent.layer.close(index); //再执行关闭
        } else {
            layer.msg(res.msg, {time: 1800, icon: 2});
        }
    });
});

本文属原创,转载请注明原文:https://www.zhimatong.com/jiaocheng/270.html

为保证教程的实用性及扩大知识面覆盖,如果您有相似问题而未解决,可联系在线客服免费技术支持。

内容有用

联系
顾问

在线
客服
账号登录

没有账号?立即注册

忘记密码

登录即同意用户协议没有账号? 立即注册
账号注册
我已阅读并同意用户协议
立即注册
注册即同意用户协议已有账号? 立即登录
找回密码

操作步骤:邮箱验证->设置新密码

注册即同意用户协议已有账号? 立即登录