当前位置：首页 > 资讯 > 技术文档

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

时间：2021-11-18 07:40 编辑：来源：阅读：
扫一扫，手机访问

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

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

<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 　　[code]<iframe id="rfFrame" name="rfFrame" src="about:blank" style="display:none;"></iframe> [/code] 点保存提交事件里面需要将target改为iframe的名字: 　　[code]JS:document.forms[0].target="rfFrame";[/code] [code]JQuery:$("#f2").attr("target","rfFrame");[/code] 这样即提交了FORM保存了数据,页面也不会跳转. 以上就是本文的全部内容，希望对大家有所帮助，同时也希望多多支持编程素材网！

全部评论(0)

上一篇：js和jquery使按钮失效为不可用状态的方法
下一篇：javascript模拟枚举的简单实例

资讯排行榜
更多>>