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

最新推荐文章于 2023-12-27 23:32:03 发布

linhuiDragon

最新推荐文章于 2023-12-27 23:32:03 发布

阅读量199

点赞数

分类专栏： JavaScript

本文链接：https://blog.csdn.net/linhuiDragon/article/details/84520963

版权

JavaScript 专栏收录该内容

23 篇文章 0 订阅

订阅专栏


<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,保存了数据，又可以做其他操作

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

linhuiDragon

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
复制链接

分享到 QQ

分享到新浪微博

扫一扫

专栏目录

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

01-21

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

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

10-21

本文介绍了如何通过js实现表单提交后不重新刷新当前页面的方法实例.既提交了FORM保存了数据,页面也不会跳转，很实用。需要的朋友可以参考下

参与评论您还未登录，请先登录后发表或查看评论

提交表单不刷新页面

very home

08-26

762

似乎看起来有两种方法，一种ajax，一种提交给iframe iframe方法： http://www.websbook.com/javascript/ymbsx_tjbd_4182.html %@LANGUAGE="VBSCRIPT" CODEPAGE=

form 表单提交不刷新页面

weixin_40317130的博客

03-19

264

<script type="text/javascript" src="jquery.min.js"></script> <script type="text/javascript" src="jquery.form.min.js"></script> <form name="bearings" id="bear.

非ajax方式提交表单不刷新页面

liwb94的博客

12-18

287

Ajax最大的特点就是可以不刷新页面而实现数据的通信及更改页面信息。那么用AJAX进行后台通信传递字符串还是可以的，遇到上传文件该怎么办呢？基于安全考虑，JS是不能直接进行文件操作的，只好用原始的from来提交文件上传了。这样一来，用form不就要刷新页面了吗？其实也不是。这是网上找的一个一般通用的处理方法给我们的from加一个target属性，并且将这个属性的值设置为隐藏的iframe的...

form 提交页面不刷新实现

weixin_30819085的博客

08-07

215

// no redirect <!DOCTYPE html> <html> <head> <meta http-equiv="Content-type" content="text/html, charset=utf-8"> <meta content="IE=edge" http-equiv="X-UA-Comp...

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

10-18

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

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

09-28

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

如何阻止 form 表单提交后刷新页面？

最新发布

qq_40147756的博客

12-27

846

如何阻止 form 表单提交后刷新页面？

html form表单提交后不刷新不跳转的实现方法

系咩的个人收藏博客

01-04

5954

html> body> form action="" method="post" target="nm_iframe"> input type="text" id="id_input_text" name="nm_input_text" /> input type="submit" id="id_submit"

IE10 vue 轮询刷新数据，页面不刷新

weixin_33887443的博客

01-30

307

chrome开发调试完程序，axios 轮询实现http GET请求, 实时刷新页面，一切都正常之后，在IE10测试一遍，结果页面不刷新。开始以为是VUE对IE的兼容问题，后来发现是IE默认缓存了http请求，所以没有数据刷新。同时，IE下不能写console.log，否则打开IE debug可以执行，不debug不执行。转载于:https://juejin.im/post/5c5101...

html实现form表单提交后不重新刷新页面

LrvingTc的博客

01-23

1万+

今天在实现ajax异步传输form表单数据时，测试时查看返回的错误信息，但是每次都会重新刷新页面。百度查了下解决办法，总结一下：在form表单后添加一个iframe标签，属性设为隐藏,form表单中target属性值设为iframe标签的名字。代码如下： <html> <body> <form action="user" method="post" target=...

js实现表单提交后不重新刷新当前页面，并停留在当前页面

YQ的博客

04-10

1万+

原文：http://www.cnblogs.com/limeiky/p/5599705.html 如何实现表单提交后不重新刷新当前页面　　　　当我点击保存提交FORM表单后,如何让当前页面维持不变(即不刷新当前页)？在FORM表单后添加一个iframe 　　点保存提交事件里面需要将target改为iframe的名字:

js - form表单提交不刷新

热门推荐

yuuuuchang的博客

01-05

2万+

大家已经发现了,当我们点击submit提交form表单的时候, 他会刷新一次,如果不想它刷新的话有下面两种方法: 利用iframe 我们可以利用一个隐藏的iframe来实现,主要是我们把提交目标放到一个隐藏的iframe里,然后让iframe提交数据 (ps: 这个未实测,仅仅是网上提供的,我记录一下.以后遇到或者会试一下吧) <form action="...

form表单点击提交按钮后不刷新页面

july_young的博客

09-28

1万+

<form id="user"> <button id="search" onclick="save()" >保存</button> </form> function save(){ $.post("写入需要跳转的url",$('#user').serialize(),function(da

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

xhy1818xx的博客

10-25

7576

如何实现表单提交后不重新刷新当前页面　　　　当我点击保存提交FORM表单后,如何让当前页面维持不变(即不刷新当前页)？在FORM表单后添加一个iframe 　　点保存提交事件里面需要将target改为iframe的名字: 　　JS:document.forms[0].target="rfFrame"; JQuery:$("

JSP页面Post提交表单失败页面不刷新、不重置

qq_38377190的博客

01-06

4472

在开发过程中我们填写完表单，然后调用submit方法提交表单。提交页面不管成功失败都需要刷新页面。这样我们就会遇到一个问题。如果提交表单数据出错了，后台返回错误信息。表单的数据就无法保留住。今天在这里博主教大家一个方法。提交失败表单的数据仍能保留。（1）action 部分需要填写一个属性 target="postFrame" （2）在新建表单页面时加载 va

form表单提交如何控制当前页面不发生改变

08-30

要控制当前页面不发生改变，可以通过以下方式来处理form表单的提交： 1. 使用Ajax：在form的提交事件中使用JavaScript来拦截默认的表单提交行为，并通过Ajax技术将表单数据异步提交给服务器进行处理。这样可以在不刷新页面的情况下，将数据发送给服务器并获取响应结果，然后通过JavaScript将结果动态更新到页面上。 2. 监听表单提交事件：通过给form元素添加一个submit事件的监听器，在表单提交前阻止默认的提交行为，并通过JavaScript获取表单数据。然后可以使用JavaScript将数据发送给服务器进行处理，并根据服务器的响应结果进行相应的操作，如动态更新页面上的内容，而不会导致整个页面的刷新。 3. 使用iframe来处理表单提交：将form表单的target属性设置为一个隐藏的iframe的名称或id，在iframe中提交表单数据并接收服务器的响应。这样可以在当前页面中保持不变，而在iframe中进行表单的提交和响应的接收。以上是三种常见的方式来控制当前页面不发生改变，在实际应用中可以根据具体需求选择适合的方式来处理form表单的提交。