js实现表单提交后不重新刷新当前页面
如何实现表单提交后不重新刷新当前页面
<formname='form1'id='form1'action='/xbcw/cw/xx_xx.action'method='post'> <inputtype="button"id="btnSubmit"name="btnSubmit"value="保存"onclick="addKp()"class="Button2"/> <inputtype="button"id="btnSubmit"name="btnSubmit"value="下一步"onclick="doAddCwKpSubmit()"class="Button2"/> </form>
当我点击保存提交FORM表单后,如何让当前页面维持不变(即不刷新当前页)?
在FORM表单后添加一个iframe
<iframeid="rfFrame"name="rfFrame"src="about:blank"style="display:none;"></iframe>
点保存提交事件里面需要将target改为iframe的名字:
JS:document.forms[0].target="rfFrame";
JQuery:$("#f2").attr("target","rfFrame");
这样即提交了FORM保存了数据,页面也不会跳转.
以上就是本文的全部内容,希望对大家有所帮助,同时也希望多多支持毛票票!
热门推荐
10 八一幼儿祝福语大全简短
11 公司乔迁食堂祝福语简短
12 婚礼结束聚餐祝福语简短
13 儿媳买车妈妈祝福语简短
14 毕业送礼老师祝福语简短
15 同事辞职正常祝福语简短
16 恭贺新婚文案祝福语简短
17 金店立秋祝福语简短英文
18 婆婆高寿祝福语大全简短