使用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')         });
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17

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

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

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