怎么实现form表单提交后不重新刷新当前页面
Posted 攻城狮的世界我不懂——lmky
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了怎么实现form表单提交后不重新刷新当前页面相关的知识,希望对你有一定的参考价值。
怎么实现表单提交后不重新刷新当前页面
<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保存了数据,页面也不会跳转.
以上是关于怎么实现form表单提交后不重新刷新当前页面的主要内容,如果未能解决你的问题,请参考以下文章