手机
当前位置:查字典教程网 >编程开发 >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实现表单提交后不重新刷新当前页面】相关文章:

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

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

Node.js重新刷新session过期时间的方法

jquery 构造函数在表单提交过程中修改数据

js实现div层缓慢收缩与展开的方法

js实现鼠标划过给div加透明度的方法

纯javascript实现四方向文本无缝滚动效果

表单的一些基本用法与技巧

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

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

精品推荐
分类导航