`
txin0814
  • 浏览: 219835 次
  • 性别: 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复制内容到...

    无刷新提交表单实现

    传统的HTML表单提交会导致页面整体刷新,而无刷新提交则是通过JavaScript异步发送HTTP请求,将表单数据发送到服务器,同时保持当前页面的状态。这样,用户可以继续浏览页面,而无需等待服务器的响应完成。 2. **...

    ASP.NET中防止刷新页面造成表单重复提交

    2. **清除表单数据**:即在表单提交后清除表单数据,使得即使用户刷新页面也不会有数据被提交。这种方式可以有效地避免重复提交,但对于需要保留用户输入数据的场景不太适用。 除此之外,本文介绍了一种更加灵活且...

    弹DIV提交表单无刷新

    这种技术使得用户在提交表单时无需等待整个页面重新加载,而是通过Ajax(异步JavaScript和XML)技术实现数据的后台传递与更新,从而提供更加流畅、快速的用户体验。 首先,我们来理解“弹DIV”。在HTML中,`&lt;div&gt;`...

    layui form表单提交后实现自动刷新

    但是在某些场景下,我们可能不希望表单提交后页面进行自动刷新,而是希望页面能够停留在当前状态,并展示提交结果。接下来将详细讲解在layui环境下,表单提交后如何避免页面自动刷新,并确保数据能够被正确获取和...

    vue form 表单提交后刷新页面的方法

    接下来,我们将详细介绍在Vue中表单提交后刷新页面的方法。 首先,需要理解的是,Vue的响应式系统如何帮助我们在数据变更后更新视图。在Vue实例中,所有的数据都是响应式的,一旦数据变更,视图会自动进行更新。...

    php无刷新提交表单

    这种技术能显著提升用户体验,减少用户等待时间,并保持页面当前的状态不被破坏。 在实际应用中,无刷新提交常用于以下几个场景: - **文件上传**:用户上传文件后,无需整个页面重新加载即可看到上传状态或结果。...

    JS刷新父页面 父窗口

    这在很多应用场景中都非常有用,比如表单提交后的页面刷新、数据更新后的页面刷新等。实现这一功能的关键是能够访问到父窗口对象,并调用其`location.reload()`方法。 #### 代码解析 首先来看一下提供的代码片段:...

    Form提交表单页面刷新不跳转

    关于使用Form提交表单后页面刷新不跳转的实现方法,首先需要了解的是表单提交与页面跳转的基本原理。在HTML中,Form标签用来定义表单,其属性包括action指定提交到的地址,method指定提交的方法(通常有get和post两...

    vue倒计时刷新页面不会从头开始的解决方法

    在使用Vue框架开发Web应用时,倒计时功能是一个常见的需求,它可以在一定时间内重复执行某些操作,比如防止用户重复提交表单、限制投票次数、实现验证码获取等功能。然而,在实现倒计时功能时,常常会遇到一个问题:...

    struts token 防止页面刷新,重复提交

    ### Struts Token机制防止页面刷新及重复提交 在Web应用开发过程中,特别是在使用MVC框架如Apache Struts进行开发时,防止表单重复提交是一个重要的安全措施。表单重复提交通常发生在用户点击“提交”按钮后,由于...

    javascript弹出层表单提交代码

    JavaScript弹出层表单提交是一种常见的用户交互设计,它允许用户在不离开当前页面的情况下填写并提交表单数据。这种技术常用于网站的登录、注册、评论或编辑功能,提供了良好的用户体验,因为用户无需跳转到新页面...

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

    设置`&lt;form&gt;`的`target`属性为之前创建的`&lt;iframe&gt;`的名称,这样当表单提交时,数据就会发送到`&lt;iframe&gt;`而不是当前页面。同时,确保设置`method`属性为"POST"或"GET",以指定数据提交的方式。以下是一个示例: ```...

    防止表单重复提交(asp.net )

    - **IsPostBack属性**:ASP.NET中的`Page`对象有一个`IsPostBack`属性,它指示当前请求是否由用户交互(如表单提交)触发的页面回发。如果`IsPostBack`为`true`,则表明是刷新或回发,否则为新打开的页面。 - `...

    在IE的模式窗口中,通过表单提交到本页,并通过javascript获取提交的参数

    在这个场景中,`action`设置为"自身",即当前页面的URL,这样提交后页面不会刷新,而是保持在当前状态。 JavaScript是客户端脚本语言,用于增加网页的动态功能。在表单提交后,可以利用JavaScript的DOM(Document ...

    点击刷新当前页

    - 在进行在线交互,如提交表单后,刷新可以使用户看到最新的反馈信息。 - 对于实时更新的数据,如股票报价、天气预报等,刷新可以让用户获取最新数据。 - 开发和调试阶段,开发者频繁地刷新页面以查看代码更改的效果...

    防止页面的重复提交和刷新

    在多步骤的表单提交过程中,如果用户在完成某个步骤后选择后退并重新提交,可能会导致之前步骤中的数据丢失或覆盖。例如,在投票系统中,用户在完成投票后返回上一步并重新投票,会导致投票结果出现偏差。 #### 三...

Global site tag (gtag.js) - Google Analytics