js实现表单提交后不重新刷新当前页面
程序员文章站
2022-04-27 13:57:51
...
如何实现表单提交后不重新刷新当前页面
<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保存了数据,页面也不会跳转.
推荐阅读
-
关于Iframe实现局部刷新问题:当提交注册表单后,我想把注册成功的信息显示在页面中,现在结果时不能显示在本页面,而是显示在了那个iframe中了,怎么办
-
基于HTML实现表单提交后不刷新页面 _HTML/Xhtml_网页制作
-
基于HTML实现表单提交后不刷新页面
-
在form表单里填值后,刷新页面的时候浏览器不断地提示是否重新提交表单?如何解决?
-
js实现表单提交后不重新刷新当前页面
-
在form表单里填值后,刷新页面的时候浏览器不断地提示是否重新提交表单?如何解决?
-
基于HTML实现表单提交后不刷新页面 _HTML/Xhtml_网页制作
-
js实现表单提交后不重新刷新当前页面
-
使用iframe实现提交表单不刷新页面_HTML/Xhtml_网页制作
-
基于HTML实现表单提交后不刷新页面