这里有新鲜出炉的 Javascript 教程,程序狗速度看过来!
Javascript 是一种由 Netscape 的 LiveScript 发展而来的原型化继承的基于对象的动态类型的区分大小写的客户端脚本语言,主要目的是为了解决服务器端语言,比如 Perl,遗留的速度问题,为客户提供更流畅的浏览效果。
本文介绍了如何通过 js 实现表单提交后不重新刷新当前页面的方法实例. 既提交了 FORM 保存了数据, 页面也不会跳转,很实用。需要的朋友可以参考下
如何实现表单提交后不重新刷新当前页面
- <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 保存了数据, 页面也不会跳转.
来源: http://www.phperz.com/article/17/0603/330054.html