手机
当前位置:查字典教程网 >编程开发 >Javascript教程 >js实现表单提交后不重新刷新当前页面
js实现表单提交后不重新刷新当前页面
摘要:如何实现表单提交后不重新刷新当前页面当我点击保存提交FORM表单后,如何让当前页面维持不变(即不刷新当前页)?在FORM表单后添加一个ifr...

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

<form name='form1' id='form1' action='/xbcw/cw/xx_xx.action' method='post'> <input type="button" id="btnSubmit" name="btnSubmit" value="保存" /> <input type="button" id="btnSubmit" name="btnSubmit" value="下一步" /> </form>

当我点击保存提交FORM表单后,如何让当前页面维持不变(即不刷新当前页)?

在FORM表单后添加一个iframe

<iframe id="rfFrame" name="rfFrame" src="about:blank"></iframe>

点保存提交事件里面需要将target改为iframe的名字:

JS:document.forms[0].target="rfFrame";

JQuery:$("#f2").attr("target","rfFrame");

这样即提交了FORM保存了数据,页面也不会跳转.

以上就是本文的全部内容,希望对大家有所帮助,同时也希望多多支持查字典教程网!

【js实现表单提交后不重新刷新当前页面】相关文章:

基于jQuery实现的无刷新表格分页实例

js实现两点之间画线的方法

jQuery实现给页面换肤的方法

js实现点击链接后延迟3秒再跳转的方法

Node.js实现JS文件合并小工具

js实现发送验证码后的倒计时功能

js实现字符串转日期格式的方法

Javascript实现广告页面的定时关闭

JS实现动态生成表格并提交表格数据向后端

JavaScript实现列表分页功能特效

精品推荐
分类导航