zoukankan      html  css  js  c++  java
  • 使用layer的iframe层提交表单后,需要关闭当前的iframe层,然后刷新父页面的方法

    好久都没有用过layer了,最近要用layer来做一个报名页面,是这样的,现在有一个活动的列表页面,我需要点击每一个列表就弹出报名,然后通过ajax后台传值确认前台,如果报名成功则关闭这个iframe窗口,并且刷新列表页。下面是方法:

    // 这个是在iframe里面的js代码
     var url = '/activity';
            var  frameindex= parent.layer.getFrameIndex(window.name); //先得到当前iframe层的索引
             $(document).on('click','[type=submit]',function(){
              var index = layer.load(1, {
                    shade: [0.1,'#fff'] //0.1透明度的白色背景
                });
                $.post(url,data,function(ev){
                        if(ev.status=='success'){
                                layer.msg(ev.msg);
                                parent.location.href="/activity";
                        }else{
                            layer.close(index);
                            layer.msg(ev.msg);
                        }
                },'json')
             });
     

    在这个里面需要注意的就是success里面的方法了,这里刷新父页面是采用的parent.location.href="/activity";,注意这个地方的parent,还有这个地方不能够写成:

    layer.msg(ev.msg);
    parent.layer.close(frameindex); //再执行关闭
    parent.location.href="/activity";

    这个是我做的时候发现的,我大概就是认为关闭了之后就不会知道这个parent是那个了,或者关闭窗口js就不会运行了。 
    这个以后弹窗提交表单会非常有用,值得我自己整理一下思路,呵呵哒!!

  • 相关阅读:
    洛谷P1656 炸铁路 题解 并查集
    洛谷P1455 搭配购买 题解 并查集+01背包
    欧拉计划第16题题解
    欧拉计划第15题题解
    欧拉计划第14题题解
    scrapy 爬虫保存数据
    FileNotFoundError: File b'score.xlsx' does not exist
    图片截取
    图像过滤器
    如何查看字符编码?
  • 原文地址:https://www.cnblogs.com/xiaogou/p/11658720.html
Copyright © 2011-2022 走看看