`
linhui_dragon
  • 浏览: 155888 次
  • 性别: Icon_minigender_2
  • 来自: 北京
社区版块
存档分类
最新评论

表单提交后不刷新当前页面

 
阅读更多 
<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表单后添加iframe 

<iframe style="display: none" id="rfFrame"  name="rfFrame" src="about:blank"></iframe>



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


这样既提交了form,保存了数据，又可以做其他操作
分享到：
| input失去焦点和获得焦点jquery焦点事件
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

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

    总结起来，实现表单提交后不刷新当前页面的关键步骤包括： 1. 创建一个隐藏的`iframe`元素。 2. 将表单的`action`属性设置为服务器端处理表单的URL。 3. 设置表单的`target`属性为`iframe`的ID，使得提交发生在`...

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

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

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

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

    无刷新提交表单实现

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

    弹DIV提交表单无刷新

    传统的HTTP表单提交会导致整个页面刷新，用户体验较差。而无刷新提交表单则是利用Ajax技术，通过JavaScript向服务器发送异步请求，只更新部分页面内容。当用户在弹出的DIV中填写完表单并点击提交后，JavaScript会...

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

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

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

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

    php无刷新提交表单

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

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

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

    JS刷新父页面 父窗口

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

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

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

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

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

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

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

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

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

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

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

    禁止用户刷新，前进页面

    - 在表单提交前，通过JavaScript弹出确认框，提示用户是否确认提交，并在确认后清除表单数据。 ```javascript document.getElementById('submitBtn').addEventListener('click', function(event) { if (!confirm...

    javascript弹出层表单提交代码

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

    点击刷新当前页

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

Magicbox
Global site tag (gtag.js) - Google Analytics