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


Posted in Javascript onNovember 30, 2016

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

<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保存了数据,页面也不会跳转.

以上就是本文的全部内容,希望对大家有所帮助,同时也希望多多支持三水点靠木!

Javascript 相关文章推荐
raphael.js绘制中国地图 地图绘制方法
Feb 12 Javascript
Bootstrap每天必学之简单入门
Nov 19 Javascript
详解Angularjs filter过滤器
Feb 06 Javascript
一系列Bootstrap导航条使用方法分享
Apr 29 Javascript
微信小程序 Storage API实例详解
Oct 02 Javascript
JavaScript注入漏洞的原理及防范(详解)
Dec 04 Javascript
使用vue.js2.0 + ElementUI开发后台管理系统详细教程(一)
Jan 21 Javascript
javascript 判断一个对象为数组的方法
May 03 Javascript
Node.js如何对SQLite的async/await封装详解
Feb 14 Javascript
javascript for循环性能测试示例
Aug 07 Javascript
基于纯JS实现多张图片的懒加载Lazy过程解析
Oct 14 Javascript
解决Vue项目中tff报错的问题
Oct 21 Javascript
html判断当前页面是否在iframe中的实例
Nov 30 #Javascript
vue.js实现表格合并示例代码
Nov 30 #Javascript
浅谈jquery的html方法里包含特殊字符的处理
Nov 30 #Javascript
Javascript 闭包详解及实例代码
Nov 30 #Javascript
jQuery特殊符号转义的实现
Nov 30 #Javascript
Javascript 引擎工作机制详解
Nov 30 #Javascript
将JSON字符串转换成Map对象的方法
Nov 30 #Javascript
You might like
php 无限级缓存的类的扩展
2009/03/16 PHP
JpGraph php柱状图使用介绍
2011/08/23 PHP
php中拷贝构造函数、赋值运算符重载
2012/07/25 PHP
PHP实现通过正则表达式替换回调的内容标签
2015/06/15 PHP
PHP全局使用Laravel辅助函数dd
2019/12/26 PHP
用javascript实现在小方框中浏览大图的代码
2007/08/14 Javascript
JavaScript 面向对象编程(2) 定义类
2010/05/18 Javascript
Google AJAX 搜索 API实现代码
2010/11/17 Javascript
基于jquery循环map功能的代码
2011/02/26 Javascript
php 中序列化和json使用介绍
2013/07/08 Javascript
ExtJS的拖拽效果示例
2013/12/09 Javascript
用js+iframe形成页面的一种遮罩效果的具体实现
2013/12/31 Javascript
js中的preventDefault与stopPropagation详解
2014/01/29 Javascript
JS逆序遍历实现代码
2014/12/02 Javascript
AngularJS的一些基本样式初窥
2015/07/27 Javascript
10道典型的JavaScript面试题
2017/03/22 Javascript
利用Console来Debug的10个高级技巧汇总
2018/03/26 Javascript
javascript、php关键字搜索函数的使用方法
2018/05/29 Javascript
[01:43]深扒TI7聊天轮盘语音出处4
2017/05/11 DOTA
Python实现的一个找零钱的小程序代码分享
2014/08/25 Python
使用python生成目录树
2018/03/29 Python
Python设计模式之命令模式原理与用法实例分析
2019/01/11 Python
python爬取酷狗音乐排行榜
2019/02/20 Python
python实现简易学生信息管理系统
2020/04/05 Python
python ImageDraw类实现几何图形的绘制与文字的绘制
2020/02/26 Python
凯特王妃父母建立的派对用品网站:Party Pieces
2017/05/28 全球购物
党员创先争优承诺书
2014/03/26 职场文书
绿色家庭事迹材料
2014/05/01 职场文书
金融系毕业生自荐书
2014/07/08 职场文书
法人委托书的范本格式
2014/09/11 职场文书
2014年学生会个人工作总结
2014/11/07 职场文书
公司开除员工通知
2015/04/22 职场文书
求职自荐信该如何书写?
2019/06/24 职场文书
python基础之爬虫入门
2021/05/10 Python
解决Mysql报错 Table 'mysql.user' doesn't exist
2022/05/06 MySQL
python数字图像处理之对比度与亮度调整示例
2022/06/28 Python