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 相关文章推荐
Javascript 面向对象(三)接口代码
May 23 Javascript
Javascript基础教程之数据类型转换
Jan 18 Javascript
推荐10 个很棒的 jQuery 特效代码
Oct 04 Javascript
BootStrap的alert提示框的关闭后再显示怎么解决
May 17 Javascript
[原创]javascript typeof id==='string'?document.getElementById(id):id解释
Nov 02 Javascript
js addDqmForPP给标签内属性值加上双引号的函数
Dec 24 Javascript
vue 系列——vue2-webpack2框架搭建踩坑之路
Dec 22 Javascript
ES6 更易于继承的类语法的使用
Feb 11 Javascript
深入学习JavaScript中的bom
May 27 Javascript
JS中实现一个下载进度条及播放进度条的代码
Jun 10 Javascript
vue离开当前页面触发的函数代码
Sep 01 Javascript
vue中后端做Excel导出功能返回数据流前端的处理操作
Sep 08 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.ini实现Mysql导入数据库文件最大限制的修改方法
2007/12/11 PHP
PHP中extract()函数的妙用分析
2012/07/11 PHP
PHP网页游戏学习之Xnova(ogame)源码解读(一)
2014/06/23 PHP
php使用Jpgraph绘制3D饼状图的方法
2015/06/10 PHP
php微信开发之自定义菜单实现
2016/11/18 PHP
PHP设计模式之单例模式定义与用法分析
2019/03/26 PHP
javascript XMLHttpRequest对象全面剖析
2010/04/24 Javascript
Javascript异步编程的4种方法让你写出更出色的程序
2013/01/17 Javascript
JS实现点击链接取消跳转效果的方法
2014/01/24 Javascript
from表单多个按钮提交用onclick跳转不同action
2014/04/24 Javascript
JS使用eval解析JSON的注意事项分析
2015/11/14 Javascript
js ajaxfileupload.js上传报错的解决方法
2016/05/05 Javascript
浅谈angular2 组件的生命周期钩子
2017/08/12 Javascript
import与export在node.js中的使用详解
2017/09/28 Javascript
深入理解Vue 的钩子函数
2018/09/05 Javascript
原生javascript自定义input[type=radio]效果示例
2019/08/27 Javascript
vue 中的 render 函数作用详解
2020/02/28 Javascript
python检测服务器是否正常
2014/02/16 Python
Python全局变量操作详解
2015/04/14 Python
编写Python小程序来统计测试脚本的关键字
2016/03/12 Python
python中 chr unichr ord函数的实例详解
2017/08/06 Python
python构建深度神经网络(续)
2018/03/10 Python
pandas 取出表中一列数据所有的值并转换为array类型的方法
2018/04/11 Python
Python3中_(下划线)和__(双下划线)的用途和区别
2019/04/26 Python
pycharm 2019 最新激活方式(pycharm破解、激活)
2020/09/22 Python
django实现将后台model对象转换成json对象并传递给前端jquery
2020/03/16 Python
Scrapy实现模拟登录的示例代码
2021/02/21 Python
J2EE面试题大全
2016/08/06 面试题
户籍证明的格式
2014/01/13 职场文书
精彩的英文自荐信
2014/01/30 职场文书
会计求职自荐信
2014/06/20 职场文书
走进科学观后感
2015/06/18 职场文书
行政处罚告知书
2015/07/01 职场文书
2015年秋季运动会前导词
2015/07/20 职场文书
中学语文教学反思
2016/02/16 职场文书
介绍一下28个JS常用数组方法
2022/05/06 Javascript