`
txin0814
  • 浏览: 218496 次
  • 性别: Icon_minigender_1
  • 来自: 湖南
社区版块
存档分类
最新评论

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

阅读更多
<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" style="width:60px;" />
<input type="button"  id="btnSubmit" name="btnSubmit" value="下一步" onclick="doAddCwKpSubmit()" class="Button2" style="width:60px;" />

</form>

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

在FORM表单后添加一个iframe
<iframe style="display: none" id="rfFrame"  name="rfFrame" src="about:blank"></iframe>


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

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


这样即提交了FORM保存了数据,页面还可以进行其它操作.
分享到:
评论

相关推荐

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

    如何实现表单提交后不重新刷新当前页面 &lt;form name='form1' id='form1' action='/xbcw/cw/xx_xx.action' method='post'&gt;  &lt;input type=button id=btnSubmit name=btnSubmit value=保存 onclick=addKp() ...

    基于HTML实现表单提交后不刷新页面

    使用ajax实现表单提交无刷新页面在项目中经常会用到。前一段时间跟着师傅学到了另外几种无刷新提交表单的方法,主要是基于iframe框架实现的。现在整理出来分享给大家。 第一种: (html页面) HTML Code复制内容到...

    使用iframe实现提交表单不刷新页面

    具体的原理是:当表单在提交数据的时候,不将提交目标设置为当前的页面,而是当前页面中的一个嵌入框架。首先你应该在body下面插入一个嵌入框架: 复制代码代码如下:&lt;iframe style=”width:0; height:0; margin-...

    Struts2防止表单重复提交

    当用户将信息提交到服务器,服务器响应采用forward方式调转到下一个页面后,此时地址栏中显示的是上个页面的URL,若刷新当前页面,浏览器会将再次提交用户先前输入的数据,就会再次出现表单重复提交的问题。...

    ajax验证表单

    该表单能实现登录时对姓名及密码的验证功能,验证是不会涉及到页面的刷新过程,美观实用!

    表单提交错误后返回内容消失问题的解决方法(PHP网站)

    表单提交错误后返回内容消失怎么办呐,今天就来分析解决一下这个问题。...(1)页面使用了session_start函数,这个函数有个特点就是会强制当前页面不被刷新,解决方法就是在此函数后加上下面这段代码: header("Cach

    解决django中form表单设置action后无法回到原页面的问题

    django中form表单设置action后,点提交按钮是跳转到action页面的,比如设置action为login,网址为192.168.1.128,跳转后便会来到192.168.1.128/login,F5刷新也会是重新提交表单对话框,无法回到原页面。 因此就要在...

    如何手写Ajax实现异步刷新

    ajax是在当前页面提取某些数据并提交出去,并能接收返回来的数据,处理之后进而显示在当前页面(不刷新页面)。  【例子】==验证用户名是否重复==  使用Ajax的思路:在要刷新的页面中写js和Ajax代码,把数据提交给另...

    Java web解决表单重复提交问题

    我们大家再进行web开发的时候,必不可少会遇见表单...点击F5刷新页面:当用户点击submit将已经写好的表单数据提交到服务器时,可以在浏览器的url看到地址和参数的变化,但因为网速等问题,用户当前页面并未刷新,或者点

    ajax跨页面提交表单

    前面提到过重复提交表单问题,处理token口令校验、重定向之外,还有一种经常使用到的方法就是新页面处理表单提交,完成后关闭当前页面,并刷新之前发送请求的页面。 这里使用了artDialog.js 1、文件结构 2、user....

    JS和jQuery使用submit方法无法提交表单的原因分析及解决办法

    昨天,在做一个表单异步提交内容的时候,遇到很奇怪的问题,submit()方法无法进行提交,每次提交都是把 当前给刷新了,网络抓包发现,每次都是 get方式去获取 当前页面,完全没有post 请求,想着以前 遇上这样的问题...

    泛微E9流程表单前端接口API(2020).pdf

    泛微E9流程表单前端接口 API说明\泛微E9流程表单前端接口 API说明\泛微E9流程表单前端接口 API说明

    js和jq使用submit方法无法提交表单的快速解决方法

    昨天,在做一个表单异步提交内容的时候,遇到很奇怪的问题,submit()方法无法进行提交,每次提交都是把 当前给刷新了,网络抓包发现,每次都是 get方式去获取 当前页面,完全没有post 请求,想着以前 遇上这样的问题...

    Ajax异步提交表单数据的说明及方法实例

    场景描述:对于一个登录页面中有一个登录的表单,但是由于登录验证逻辑比较复杂,我们希望点击登录后不刷新当前页面,给出登录结果后再选择是跳到新的页面还是提示用户名密码错误。类似这样的问题很多很多。异步获取...

    JQuery基于FormData异步提交数据文件

    web中数据提交事件是常常发生的,但是大多数情况下我们不希望使用html中的form表单提交,因为form表单提交会中断当前浏览器的操作并且会调到另一个地址(即使这个地址是当前页面),并且会重复加载一些html浪费带宽...

    ExtAspNet_v2.3.2_dll

    -重新设计模拟树的下拉列表的实现,避免选中某项后的闪烁。 +2009-11-21 v2.1.5 +Tree优化。 -修正Expanded项和Checked项的状态在回发改变后不能保持的BUG。 -GetNodeById更名为FindNode,保持和...

    ExtAspNet v2.2.1 (2009-4-1) 值得一看

    -重新设计模拟树的下拉列表的实现,避免选中某项后的闪烁。 +2009-11-21 v2.1.5 +Tree优化。 -修正Expanded项和Checked项的状态在回发改变后不能保持的BUG。 -GetNodeById更名为FindNode,保持和...

    超实用的jQuery代码段

    11.12 获取当前页面的URL并添加样式 11.13 向表格追加一行数据 11.14 获取客户端IP 11.15 向Firebug的控制面板发送消息 11.16 根据不同的屏幕大小显示不同的网页 11.17 jQuery遍历对象的属性 11.18 最优化的循环语句...

Global site tag (gtag.js) - Google Analytics