zoukankan      html  css  js  c++  java
  • layer弹出层的关闭及父页面的刷新问题

    当在主页面执行添加或修改时,用弹出层是比较好的选择,如何关闭弹出层并对父级页面进行操作呢

    首先在父级页面中打开一个添加页面(弹出层)

    在添加页面的表单提交函数中添加如下代码:

    function formSubmit(){
        var serialStr = $("#form-myform-add").serialize();//序列化表单
        var urlStr = '#';//请求的url
        $.ajax({  
            type:'get',
            url:urlStr,
            data:serialStr,  
            success:function(code){  
                if  (code ==0) {  
                    layer.msg('添加成功!',{icon:1,time:1000});
                }else{  
                    layer.msg('添加失败!',{icon:2,time:1000});
                }
                //parent.$('.btn-refresh').click();
            }
        });
        var index=parent.layer.getFrameIndex(window.name);//获取当前弹出层的层级
    //    parent.$('.btn-refresh').click();//刷新父页面
        window.parent.location.reload();//刷新父页面
        parent.layer.close(index);//关闭弹出层
    }

    刷新父页面的方法有两种:第一种就是使用

    window.parent.location.reload();

    第二种:可以在父页面中添加一个隐藏的刷新按钮:

    <a class="btn-refresh" style="display: none;" href="javascript:;" onclick="javascript:location.replace(location.href);" title="刷新" ></a>

    使用

    parent.$('.btn-refresh').click();//刷新父页面

    刷新页面

  • 相关阅读:
    安装CentOS7
    gitlab的CI/CD实现
    如何实现7*24小时灵活发布?阿里技术团队这么做
    架构整洁之道, 看这一篇就够了!
    什么是数据湖?有什么用?
    2020 云原生 7 大趋势预测
    饿了么交易系统 5 年演化史
    ajax 传参数 数组 会加上中括号
    文件下载
    数组常用方法
  • 原文地址:https://www.cnblogs.com/lixiang1993/p/7953798.html
Copyright © 2011-2022 走看看