form表单提交后，2次刷新问题记录

最新推荐文章于 2023-12-14 23:53:15 发布
原创 最新推荐文章于 2023-12-14 23:53:15 发布 · 485 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#java

本文描述了在网页表单中，当只有一个input框时，按下回车键导致页面刷新并清除筛选条件的问题。通过增加多个input框来避免这一情况，确保筛选条件在页面刷新后仍能保留。

问题描述：查询条件只有一个input框，输入内容后按回车，页面刷新第1次获取到数据后再次刷新整个页面，导致筛选条件清除。

解决办法：添加多个input框。

总结：

1、使用buttom标签的时候，第一次点击会导致页面刷新

2、表单中只有一个input标签的时候，点击enter按钮会导致页面刷新

参考博客：

https://blog.youkuaiyun.com/yoohoo1234/article/details/94436557

https://blog.youkuaiyun.com/beizijingzx/article/details/73497032

vue form 表单提交后刷新页面的方法
10-18
今天小编就为大家分享一篇vue form 表单提交后刷新页面的方法，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
精选资源
几种防止表单重复提交的方法
01-08
表单提交后使用Javascript使提交按钮disable。这种方法防止心急的用户多次点击按钮。但有个问题，如果客户端把Javascript给禁止掉，这种方法就无效了。 我之前的文章曾说过用一些Jquery插件效果不错。 Post/Redirect...
vue 提交form表单的时候，需要点击2次，画面会自动刷新
u012275249的博客
05-27 1255
搞了一个多小时的个坑，在登录画面提交表单的时候，必须加上 e.preventDefault() 要不然事件会被系统拦截到。 查了文档，给出如下作用： 说明 e.preventDefault()，该方法将通知 Web 浏览器不要执行与事件关联的默认动作（如果存在这样的动作）。例如，如果 type 属性是 “submit”，在事件传播的任意阶段可以调用任意的事件句柄，通过调用该方法，可以阻止提交表单。注意，如果 Event 对象的 cancelable 属性是 fasle，那么就没有默认动作，或者不能阻止默认
html form表单提交后不刷新不跳转的实现方法------
Inite的博客
11-05 4026
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"
form表单提交后loading提示，以及提交一次后失效，避免重复提交
F2Zf的博客
10-14 2227
<form action="user/PPPOE" name="pppoeForm" onsubmit="return CheckPost();"> <span>&nbsp;&nbsp;&nbsp;数据口：</span> <select name="Access"> <c:forEach var="d...
为什么保存和提交流程时，第一次提交是有值，而第二次时页面的值全没了？
讲哩滴的博客
05-07 1209
好尴尬，提交的时候注意到这个问题了，但是流程的二次提交就把这个问题给忘记了，还是自己不够细心。选择下拉框的页面属性问题，一开始提交流程时，只给了必填的属性，而后面提交流程时加了只读（disable属性）。注意，在JRAF框架中只读（disable）属性是不传数据，所以就自动变为了空值，所以需要后台也要做的判断，要保证必填字段不能为空，不然就会把数据库里的数据全部覆盖为空值。还有的个小问题，xml里...
ASP.NET中防止页面刷新造成表单重复提交执行两次操作
10-22
这是因为用户刷新页面时，浏览器会再次发送前一次的表单请求，导致服务器端可能对同一个表单数据执行多次操作，比如多次插入相同的记录到数据库中。 为了防止这种情况，我们可以采用在Session中存储一个唯一标识符...
使用Django Form解决表单数据无法动态刷新的两种方法
09-21
### 使用Django Form解决表单数据无法动态刷新的两种方法 在Django Web开发中，表单是非常重要的组成部分，它们负责收集用户输入的数据，并确保这些数据的有效性。然而，在某些情况下，开发人员可能会遇到表单数据...
from 表单提交返回值用post或者是get方法实现
09-05
在这个过程中，`jQuery` 提供了 `$.post` 和 `$.get` 两种方法来实现异步的 AJAX 表单提交，从而实现在不刷新整个页面的情况下获取服务器的返回值。 `$.post` 是 jQuery 中的一个 AJAX 函数，它使用 HTTP POST 请求...
js禁止表单重复提交
10-19
在Web开发过程中，为了防止用户在表单提交时多次点击导致数据重复提交是一个常见的问题，这种重复提交不仅会给服务器带来不必要的负担，还可能导致数据冗余和不一致。本文将详细介绍使用JavaScript禁止表单重复提交...
form表单提交时自动刷新的问题解决
leng0920的博客
08-27 2102
如有侵权：联系删除 https://blog.youkuaiyun.com/GXL_1012/article/details/82709170
提交表单的时候会出现提交两次的问题
weixin_30600197的博客
04-30 2843
咳咳！小白的第一篇随笔 实习期的第一项任务-》完成一个注册功能 所有功能都都可以正常运行了，到了套界面这一步骤的时候，等我套好注册界面，再点提交给出了两个提示 第一个提示： 紧接着第二个提示： 找了好久才找到，原因是在提交按钮那里调用了两次save（）函数，对于js还是相当懵懂的，不，对前端还是相当懵懂的 <a href="javascript:save()" ...
el-table数据更新了，但是展示并没有更新
changyana的博客
08-19 4035
这是因为有时候vue无法监听到数据的变化，导致数据变化但是视图没有变化。我是试了前两种方法都没有起作用，特别记录第三种方法。
【Vue】form表单提交第二次才有反应是怎么回事
最新发布
提笔忘字的帝国
12-14 542
重点来了，当我进行第二次点击的时候，它触发了提交事件，但是没有进行提交的逻辑，也就是说它没向我当前页面的地址进行提交了，这是因为当参数值没有发生改变时（我没有指定name属性的关系，属性一直不变），它不会进行提交的操作。这个时候它没有触发一个默认的提交事件逻辑，但我可是有一个登录逻辑写在提交事件里的。所以第二次点击按钮时，我的登录逻辑能正常走进去了。在进行了第一次点击按钮后，默认事件会给我自动提交到action属性中指定的地址，当然我这里并没有指定，所以它给我提交到了我当前页面的地址。
前端解决刷新页面表单重复提交
weixin_45481145的博客
07-22 1387
当我去刷新页面时，对登陆路由又执行了一次POST请求，所以后端对刷新页面这个动作进行的是解析登录操作。今天测试组提出一个BUG，用户登录失败的时候，点击刷新按钮会导致表单重复提交，增加用户登录错误次数。现在的项目使用luci框架，前后端不分离（lua和C混写，说实话前端分离做习惯了，让我觉得很头疼）。因为我不会写lua和C，而且做这个项目后端开发的已经离职了，所以我只能通过前端去解决这个问题。点击登录按钮，表单提交方式是POST，返回的页面也是由后端直接生成。，这样会使页面用GET方式去获取登录页面。...
form表格提交会提交两遍的解决办法
qq_44889499的博客
07-18 2215
form表格提交会提交两遍的解决办法（submit） idea中为save，但是发现保存了两遍，在数据库中连续添加了两条记录 解决方法（两种）： 1.不使用形式为submit的类型改为button的类型 2.在$(’#submit’).click函数中，在最后一行添加return false，可以阻止submit执行两次 最后只有一遍数据进入 ...
页面防刷新技术：防止二次提交的有效策略
这个问题通常是由用户无意中多次点击提交按钮引起的，或者在表单提交后用户重新刷新浏览器页面，这可能会导致数据的重复提交。二次提交问题的解决对于保证数据的准确性和避免不必要的业务逻辑错误至关重要。以下是...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值