layer弹窗iframe页面,关闭弹窗方法导致form表单无法提交到服务器
来源:互联网 发布:手机电子书阅读器软件 编辑:程序博客网 时间:2024/05/16 18:06
使用layer弹窗,弹窗为iframe,即B页面,父页面为A页面。
B页面中打算用form表单提交数据到服务器,点击按钮save执行操作,form的id=”editUser”:
ps:$(this).submit();
等价于$("#editUser").submit();
原因不知,网上的方法都是对form进行提交。
$("#save").click(function(){ $("#editUser").submit(); parent.location.reload(); //parent.layer.close(iframe);//如果执行这一步,会导致submit无法提交到服务器,这里用刷新页面使弹窗关闭 })
这3个步骤,只要执行第3步,就无法将form提交到服务器,注释掉第三步后,可正常提交。
解决参考:http://blog.csdn.net/zoujian1993/article/details/50698224
js里边代码的执行顺序并不一定是按照代码的顺序执行的。所以呢,不能直接在按钮的点击事件里执行submit()之后执行关闭操作。
所以使用ajax提交表单:
$('#save').on('click', function(){ save(); });
function save(){ $.ajax({ type:"post", url:"<%=basePath%>/BSMSys/bUser/save", data: $("#editUser").serialize(),//序列化表单数据 complete: function() { parent.layer.closeAll('iframe');//关闭弹窗 } }); }
0 0
- layer弹窗iframe页面,关闭弹窗方法导致form表单无法提交到服务器
- layer弹窗iframe页面,关闭弹窗方法导致form表单无法提交到服务器
- php 提交表单 关闭layer弹窗iframe
- 提交form表单后关闭Iframe弹窗并刷新父级页面
- 使用layer的iframe层提交表单后,需要关闭当前的iframe层,然后刷新父页面的方法
- 使用layer的iframe层提交表单后,需要关闭当前的iframe层,然后刷新父页面的方法
- 使用layer的iframe层提交表单后,需要关闭当前的iframe层,然后刷新父页面的方法
- 表单提交后关闭页面(layer弹窗)
- 表单提交后关闭页面(layer弹窗)
- jsp页面中form表单提交到数据库的方法
- layer父子页面交互(子页面form表单提交)
- jquery的layer弹出层框架,如果设置 iframe弹出一个页面里是表单提交,提交完怎么关闭弹出层
- jquery的layer弹出层框架,如果设置 iframe弹出一个页面里是表单提交,提交完怎么关闭弹出层
- 使用Layer弹出iframe表单窗口,有几率无法成功提交表单问题解决
- 关于struts2或webwork form表单无法提交到后台控制层方法的问题分析
- form表单提交返回页面alert弹窗提示
- 用js将form表单同时提交到两个不同页面的方法
- form表单提交,用submit方法并且跳到指定页面或不跳转
- 深入剖析Java中的装箱和拆箱
- 关于解决placeholder 颜色问题
- Java中导入、导出Excel
- PhpStorm的常用快捷键
- C语言学习-分支结构 (简单明了)
- layer弹窗iframe页面,关闭弹窗方法导致form表单无法提交到服务器
- overflow滚动条样式调整
- 两朵飘动的小云
- Shell Exit command
- poj 1064 cable master
- ActionListener KeyListener
- java 变量与常量
- 支付,流程
- webGL第八课-绘制一个三维图形