时间:2021-05-26
如何实现表单提交后不重新刷新当前页面
<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保存了数据,页面也不会跳转.
以上就是本文的全部内容,希望对大家有所帮助,同时也希望多多支持!
声明:本页内容来源网络,仅供用户参考;我单位不保证亦不表示资料全面及准确无误,也不保证亦不表示这些资料为最新信息,如因任何原因,本网内容或者用户因倚赖本网内容造成任何损失或损害,我单位将不会负任何法律责任。如涉及版权问题,请提交至online#300.cn邮箱联系删除。
如何实现刷新当前页面呢?借助js你将无所不能。1,reload方法,该方法强迫浏览器刷新当前页面。语法:location.reload([bForceGet])
前面提到过重复提交表单问题,处理token口令校验、重定向之外,还有一种经常使用到的方法就是新页面处理表单提交,完成后关闭当前页面,并刷新之前发送请求的页面。这
所谓的异步刷新,就是不刷新整个网页进行更新数据。只有通过js才能实现Ajax,进而实行异步刷新表单提交数据和Ajax提交数据的区别:表单提交是提交的整个页面中的
http://ment!");});});加上jquery.form组件后,提交表单时,页面不会再同步提交,而是由js做异步提交,因此提交后页面不会有刷新。3.
1、a链接的使用操作:复制代码代码如下:返回上一页刷新当前页#top的效果在我这没起作用,我直接写的刷新当前页倒是起作用了。2.、JS怎么刷新当前页面reloa