使用layer的iframe层提交表单后,需要关闭当前的iframe层,然后刷新父页面的方法
来源:互联网 发布:女程序员物品 编辑:程序博客网 时间:2024/05/22 03:47
好久都没有用过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
在这个里面需要注意的就是success里面的方法了,这里刷新父页面是采用的parent.location.href="/activity";
,注意这个地方的parent,还有这个地方不能够写成:
layer.msg(ev.msg);parent.layer.close(frameindex); //再执行关闭parent.location.href="/activity";
- 1
- 2
- 3
这个是我做的时候发现的,我大概就是认为关闭了之后就不会知道这个parent是那个了,或者关闭窗口js就不会运行了。
这个以后弹窗提交表单会非常有用,值得我自己整理一下思路,呵呵哒!!
阅读全文
0 0
- 使用layer的iframe层提交表单后,需要关闭当前的iframe层,然后刷新父页面的方法
- 使用layer的iframe层提交表单后,需要关闭当前的iframe层,然后刷新父页面的方法
- 使用layer的iframe层提交表单后,需要关闭当前的iframe层,然后刷新父页面的方法
- layer弹出的iframe层在执行完毕后关闭当前弹出层
- jquery的layer弹出层框架,如果设置 iframe弹出一个页面里是表单提交,提交完怎么关闭弹出层
- jquery的layer弹出层框架,如果设置 iframe弹出一个页面里是表单提交,提交完怎么关闭弹出层
- 使用iframe提交表单不刷新页面的方法
- 在iframe框架弹出layer层,关闭后刷新iframe页面数据
- layer iframe层的使用,传参
- layer iframe层的使用,传参
- iframe弹出表单层提交完页面后的处理方式
- layer 弹出层在提交后关闭,然后刷新父窗口
- C#点击iframe页面的控件(button),弹出层,关闭弹出层时只刷新父页面中的iframe里面的页面
- jquery中layer弹出层的使用,以及关闭后如何刷新调用层
- 关于弹出层(iframe)时刷新页面的js
- 关于弹出层(iframe)时刷新页面的js
- 提交form表单后关闭Iframe弹窗并刷新父级页面
- 关闭layer组件当前的弹层的方法
- 手机连接电脑后弹出窗口名字修改(MTK)
- 模拟实现strcat函数
- Spring启动过程
- 字符设备驱动--中断方式下的按键驱动
- Java进阶04 RTTI
- 使用layer的iframe层提交表单后,需要关闭当前的iframe层,然后刷新父页面的方法
- 【HDU 2063】过山车(二分图最大匹配模板题)
- 手势密码 图形解锁 实现
- DynamicTreeDemo
- jQuery实现CheckBox全选、全不选
- SHU OJ 420 购买装备(假装背包,其实贪心)
- C语言模拟实现strcpy、strncpy、strcmp、strcat、strstr
- Android中ScrollView初始位置不在顶部问题
- JSON传输图片帮助类