js实现表单提交后不重新刷新当前页面
2016-11-30 00:00
1271 查看
如何实现表单提交后不重新刷新当前页面
当我点击保存提交FORM表单后,如何让当前页面维持不变(即不刷新当前页)?
在FORM表单后添加一个iframe
点保存提交事件里面需要将target改为iframe的名字:
这样即提交了FORM保存了数据,页面也不会跳转.
以上就是本文的全部内容,希望对大家有所帮助,同时也希望多多支持脚本之家!
js检测离开或刷新页面时表单数据是否更改的方法
javascript实现页面刷新时自动清空表单并选中的方法
js动态创建上传表单通过iframe模拟Ajax实现无刷新
JSP刷新页面表单重复提交问题解决办法分享
javascript下阻止表单重复提交、防刷新、防后退
<form name='form1' id='form1' action='/xbcw/cw/xx_xx.action' method='post'> <input type="button" id="btnSubmit" name="btnSubmit" value="保存" onclick="addKp()" class="Button2" /> <input type="button" id="btnSubmit" name="btnSubmit" value="下一步" onclick="doAddCwKpSubmit()" class="Button2" /> </form>
当我点击保存提交FORM表单后,如何让当前页面维持不变(即不刷新当前页)?
在FORM表单后添加一个iframe
<iframe id="rfFrame" name="rfFrame" src="about:blank" style="display:none;"></iframe>
点保存提交事件里面需要将target改为iframe的名字:
JS:document.forms[0].target="rfFrame";
JQuery:$("#f2").attr("target","rfFrame");
这样即提交了FORM保存了数据,页面也不会跳转.
以上就是本文的全部内容,希望对大家有所帮助,同时也希望多多支持脚本之家!
您可能感兴趣的文章:
Ajax+FormData+javascript实现无刷新表单信息提交js检测离开或刷新页面时表单数据是否更改的方法
javascript实现页面刷新时自动清空表单并选中的方法
js动态创建上传表单通过iframe模拟Ajax实现无刷新
JSP刷新页面表单重复提交问题解决办法分享
javascript下阻止表单重复提交、防刷新、防后退
相关文章推荐
- js实现表单提交后不重新刷新当前页面,并停留在当前页面
- js实现表单提交后不重新刷新当前页面
- 怎么实现form表单提交后不重新刷新当前页面
- 怎么实现表单提交后不重新刷新当前页面
- 怎么实现表单提交后不重新刷新当前页面
- iframe标签实现form表单提交无页面刷新(不需要js)---解析
- iframe标签实现form表单提交无页面刷新(不需要js)---解析
- iframe标签实现form表单提交无页面刷新(不需要js)---解析
- iframe标签实现form表单提交无页面刷新(不需要js)---解析
- iframe标签实现form表单提交无页面刷新(不需要js)---解析
- 表单提交及关闭当前页面并刷新数据《DWZ三》
- JS实现刷新当前页面的多种方法
- DWZ表单提交及关闭当前页面并刷新数据
- 实现不刷新整个页面来 submit 提交表单
- 同一个页面内实现html+js表单提交输出功能
- 使用iframe实现提交表单不刷新页面
- 用js来刷新当前页面保留参数的具体实现
- JS实现 页面提交防刷新等待提示 .
- 如何实现刷新当前页面呢?借助js你将无所不能
- form表单target的用法,实现无刷新提交页面