码迷,mamicode.com
首页 > 其他好文 > 详细

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

时间:2016-06-20 10:02:38      阅读:168      评论:0      收藏:0      [点我收藏+]

标签:

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

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

<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表单提交后不重新刷新当前页面

标签:

原文地址:http://www.cnblogs.com/limeiky/p/5599705.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!