我是靠谱客的博主 优美花瓣,这篇文章主要介绍js实现表单提交后不重新刷新当前页面,现在分享给大家,希望可以做个参考。

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

复制代码
1
2
3
4
<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保存了数据,页面也不会跳转.

以上就是本文的全部内容,希望对大家有所帮助,同时也希望多多支持脚本之家!

最后

以上就是优美花瓣最近收集整理的关于js实现表单提交后不重新刷新当前页面的全部内容,更多相关js实现表单提交后不重新刷新当前页面内容请搜索靠谱客的其他文章。

本图文内容来源于网友提供,作为学习参考使用,或来自网络收集整理,版权属于原作者所有。
点赞(182)

评论列表共有 0 条评论

立即
投稿
返回
顶部