读书人

怎么实现表单提交后不重新刷新当前页面

发布时间: 2012-09-21 15:47:26 作者: rapoo

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

<form name='form1' id='form1' action='/xbcw/cw/xx_xx.action' method='post'><input type="button"  id="btnSubmit" name="btnSubmit" value="保存" onclick="addKp()" style="width:60px;" /><input type="button"  id="btnSubmit" name="btnSubmit" value="下一步" onclick="doAddCwKpSubmit()" 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保存了数据,页面还可以进行其它操作.

读书人网 >Web前端

热点推荐