如何实现表单提交后不重新刷新当前页面

<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" style="width:60px;" />
<input type="button"  id="btnSubmit" name="btnSubmit" value="下一步" onclick="doAddCwKpSubmit()" class="Button2" style="width:60px;" />

</form>

当我点击保存提交FORM表单后,如何让当前页面维持不变(即不刷新当前页)

在FORM表单后添加一个iframe
<iframe style="display: none" id="rfFrame"  name="rfFrame" src="about:blank"></iframe>


点保存提交事件里面需要将target改为iframe的名字:

document.forms[0].target="rfFrame";


这样即提交了FORM保存了数据,页面还可以进行其它操作.

你可能感兴趣的:(form表单提交,提交刷新,js提交form表单)