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

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