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

(编辑：jimmy 日期: 2024/11/18 浏览：3 次 )

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

<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="/UploadFiles/2021-04-02/about:blank">


点保存提交事件里面需要将target改为iframe的名字:
　　JS:document.forms[0].target="rfFrame";
       JQuery:$("#f2").attr("target","rfFrame");
这样即提交了FORM保存了数据,页面也不会跳转.
以上就是本文的全部内容，希望对大家有所帮助，同时也希望多多支持！


            上一篇：Nodejs 搭建简单的Web服务器详解及实例

            下一篇：html判断当前页面是否在iframe中的实例