点击上方「蓝字」关注我们 0x01: 背景 同一条数据被用户点击了多次，导致数据冗余，需要防止弱网络等环境下的重复点击 0x02: 目标 通过在指定的接口处添加注解，实现根据指定的接口参数来防重复点击...0x03: 说明 这里的重复点击是指在指定的时间段内多次点击按钮 0x04: 技术方案 springboot + redis锁 + 注解 使用 feign client 进行请求测试 0x05...：实战演练 1、根据接口收到 PathVariable 参数判断唯一 /** * 根据请求参数里的 PathVariable 里获取的变量进行接口级别防重复点击 * *...} 2、根据接口收到的 RequestBody 中指定变量名的值判断唯一 /** * 根据请求参数里的 RequestBody 里获取指定名称的变量param5的值进行接口级别防重复点击...java.util.concurrent.ExecutorService; import java.util.concurrent.Executors; /** * TestControllerTest * @description 防重复点击测试类
什么是重复提交。（张三买裤子这个场景） 张三下单买一条黑色的型号是AA的裤子，点击下单的时候，卡了一下，半天不出来，暴躁张三连续点击了10下，于是后台识别为：张三下单买一条黑色的型号是AA的裤子。...张三实际只要1条裤子，这就是重复提交。 如何识别重复提交 可以获取用户账号、请求资源、请求参数。 解决方案 防重复提交有两种环节实现。 在请求入口限制 后端服务入口限制。
利用Spring MVC的过滤器及token传递验证来实现表单防重复提交。...create() default false; boolean remove() default false; } 在跳转页面的方法上加上：@Token(create = true)\ 在提交的...remove) { if (isRepeatSubmit(request)) { logger.warn("表单不能重复提交...{session.getAttribute('token')}"/> 在form表单里面添加token域，提交表单时需要传过去。
根据了解，我们可以使用curator的读写锁来做一个分布式防重复提交的策略。为什么采用curator来做这个事情的原因是curator提供的读写锁能够跨线程和jvm进行加锁。...如果不加锁，那么因为网络抖动或者线程切换，谁都不知道防重复提交的token标志是否被其他请求修改。因此这块必然要采用加锁的方式。...对于放重复提交的一般规则来说，我无非就是将session提取出来，而session则是和用户绑定的，因此这块我们将userId作为放重复提交的判断标志，将token表示该用户下次提交的表单的有效token...} 测试代码 @RestController @RequestMapping(value = "/zklock") public class TestLock { /** * 防重复提交...return ResponseResult.error(newToken); } } } 在浏览器中发送请求： 一些反思：通过逻辑分析，这里做的防重复提交的工具适合做单个有序接口
但前端的限制仅能解决少部分问题，且不够彻底，后端自有的防重复处理措施必不可少，义不容辞。 在接口实现中，我们常要求接口要满足幂等性，来保证多次重复请求时只有一次有效。...比如第三方支付前台回调和后台回调，第三方支付批量回调，慢性能业务逻辑（如用户提交退款申请，商家同意退货/退款等）或慢网络环境时，是重复处理的高发场景。...### 尝试 这里针对“用户提交退款申请”的例子，说明一下尝试过的防重复处理方法的效果。...后端防重复处理的方式，我们先后尝试了三种： #### （1）基于DB中退款订单状态的验证 这种方式简单直观，从DB查询出来的退款详情（包括状态）往往还可以用在后续逻辑中，没有花额外的工作专门应对重复请求的问题...但对于防重复处理效果并不好：在前端添加防重复提交前，每周平均在25笔；前端优化后，每周降到7笔。这个数量占总退款申请数的3%%，一个仍然无法接受的比例。
防抖（Debounce）是一种防止重复提交的策略，它通过延迟一定时间来合并连续的操作，以确保只执行一次。...// 清除会话中的 token unset($_SESSION['submit_token']); } Token防抖（利用随机生成的 token 来防止重复提交） $token = md5(...== $lastSubmitIP) { // 处理表单提交 $_SESSION['last_submit_ip'] = $userIP; } Cookie防抖 （利用Cookie来防止在一段时间内的重复提交...); // 60秒内不允许重复提交 } 延时防抖（在最后一次操作后的一段时间内，只执行一次提交操作） if (!...cache_get($cacheKey)) { // 处理表单提交 cache_set($cacheKey, 'submitted', 60); // 60秒内不允许重复提交 } 验证码防抖（要求用户输入特定的验证码来提交表单
前几天，说要用curator的读写锁写一个分布式防重复提交的工具包。然后今天作者就探索一下，在上次文章的末尾，作者说当时的这种方式解决不了大量表单使用相同的防重复提交token上送。...其他都可能被视为重复的表单。但是作者后边想了想感觉这种情况还是比较少。很多时候表单都是单个提交的。所以我们先不考虑那种情况，因为如果考虑那种情况会比较复杂。...交由spring管理 DoubleSubmitAdvice 是对请求防重复提交token的生成处理。...reSubmitLock.check(userId, token)) { logger.warn(MessageFormat.format("重复提交的表单...status) { System.out.println("不能重复提交表单"); } return status; } /**
前言 form 表单提交的时候，当快速点击提交按钮的时候，会触发多个请求过去，会导致重复添加。...前端页面 前端form表单页面，2个输入框，一个提交按钮 这里用ajax提交请求 /** 定义表单提交事件 */ function project_save...(); }) 遇到问题，当快速点提交按钮多次，会触发多个请求 beforeSend 禁用添加按钮 解决办法，在点提交按钮，发请求之前，可以调用beforeSend 方法，添加一个disabled...："+e); } }); } 这样就能解决快速点击，导致前端页面重复提交的问题 complete 完成请求 一般在 beforeSend 发请求之前禁用提交按钮
RetentionPolicy.RUNTIME) @Target(ElementType.METHOD) public @interface RepeatSubmit { /** * 重复提交间隔时间...*/ int time() default 3000; String msg() default "请勿重复提交"; } 创建访问的资源路径 @RestController
应用情景 经典使用情景：js的一些事件，比如：onresize、scroll、mousemove、mousehover等； 还比如：手抖、手误、服务器没有响应之前的重复点击； 这些都是没有意义的，重复的无效的操作...节流函数 所谓的节流函数顾名思义，就是某个时刻限制函数的重复调用。 同样节流函数也是为了解决函数重复提交的问题，而防止重复提交的方法，不止节流函数一种实现。...方法汇总 本文整理了我在工作实践当中，觉的防止js重复提交，比较好用的方法，在这里和大家分享一下。...一、setTimeout + clearTimeout（节流函数） 本文提供两种实现方式：普通节流函数和闭包节流函数 二、设定flag/js加锁 三、通过disable 四、添加浮层比如loading...业务代码 lock = false; }); }); 总结 前两种方式实现起来比较方便，而后两种实现起来相对比较繁琐，如果是为了防止事件的多次触发，建议使用闭包，如果是表单提交
提交form数据，假如提交的按钮是图片按钮而不是submit按钮，可以按下面方法防止按钮被多次提交： 1. -----------------------------------------------...script language="javascript"> var flag=false; dosubmit() { if (flag==true) { alert("傻比你已提交过了
表单提交时需要校验数据是否已存在，如果已存在需要防止重复提交，做法比较简单，不再赘述。...} } 2.View @model AspNetMvcModelValidate.Models.Employee <script src="~/Scripts/jquery-1.10.2.min.<em>js</em>
GET：用于获取资源，不应有副作用，所以是幂等的； POST：用于创建资源，重复提交POST请求可能产生两个不同的资源，有副作用不满足幂等性； PUT：用于更新操作，重复提交PUT请求只会对其URL中指定的资源有副作用...支付前系统本地相关业务处理 ； 请求第三方支付服务执行扣款； 第三方支付返回处理结果； 本地服务基于支付结果响应客户端； 该业务流程中要处理相当复杂的问题，比如事务，分布式事务，接口延迟超时，客户端重复提交等等...BIGINT (20) NOT NULL AUTO_INCREMENT COMMENT '订单id', `token_id` VARCHAR (50) DEFAULT NULL COMMENT '防重复提交...，订单是不能重复提交的，下面会演示如何控制，这里业务是执行后推到完成，也可能业务向前清理，把整个流程置为失败，这里涉及关键状态判断，要选取一个状态作为成功或失败的标识，判断后续操作流程。...三、接口重复提交 1、表单重复提交 在实际情况中，接口如果处理时间过长，用户可能会点击多次提交按钮，导致数据重复。
1.HTTP是如何提交表单的 标签的属性enctype设置以何种编码方式提交表单数据。...2.文件标签 标签用来提交文件。要注意的是，这个标签的value值并不是所选择的文件内容，而是这个文件的完整路径名。...正如前面所说的，表单在提交表单时，如果采用默认编码方式，文件的内容是不会被提交的。要提交文件内容要采用multipart/form-data编码方式，这需要在服务器端从提交的二进制流中读取文件内容。...Content-Disposition: form-data; name=”buttom” 上传 ——WebKitFormBoundaryQqpAxgR2Pgik6uyY– 可以看到提交的表单数据是混合了所有请求参数的数据
return false; }else{ $(this).attr("ctime",nowTime);//设置节点属性的值 alert('提交成功
//防止重复提交 var pendingRequests = {}; jQuery.ajaxPrefilter(function( options, originalOptions, ...pendingRequests[key]) { pendingRequests[key] = jqXHR; }else{ //jqXHR.abort(); //放弃后触发的提交... setTimeout(function(){console.log("放弃先触发的提交");},1); pendingRequests[key].abort...(); // 放弃先触发的提交 } var success = options.success; options.success = function(jqXHR
防止表单重复提交： var flag = false; function jqButtonBC_onClickClient_insert(rc) { if (flag==false) { flag
问题引入：当我们在做一个页面数据提交的时候，当我们连续点击提交按钮，因为快速连续点击，因为速度过快，页面还来不及反应，导致页面从复提交。。...问题解决： 对于问题又会设计到以下几种情况： 1、我们利用Ajxax进行页面提交，对于这中情况，非常好解决，我们只需在页面设置一个变量“hasSubmit=false”,在ajax提交前对其...“hasSubmit”验证，如果hasSubmit==false才提交表单，在提交表单的同时修改hasSubmit=true，ajax提交完成时，在次修改hasSubmit=false即可完成。.../Js/function.js" type="text/javascript"> <form id=
问题 在看Java Web 深入分析时, 看到表单重复提交问题一节, 如下描述如何解决问题: 要防止表单重复提交, 就要标识用户的每一次访问请求, 使得每一次访问对服务端来说都是唯一的....如果一致, 则说明没有重复提交, 否则用户提交上来的token已经不是当前这个请求的合法token. 流程图如下: ?...但是让我迷惑的是: 访问服务器时获得唯一的token标识, 然后提交时带上这个标志, 服务器检测是否和自己Session中的内容一致. 为什么这样就可以防止重复提交?...我提交的第二次, 第三次还是带有相同的token啊, 服务器检测Session中的内容应该还是一致的. 为什么可以防止重复提交?...服务端的事情没有办法减少, 那么就从客户端入手, 当客户端重复提交时, 通过JavaScript脚本阻止用户提交. 当客户提交表格时, 可以通过JavaScript脚本里的变量来表示用户是否提交.
领取专属 10元无门槛券
手把手带您无忧上云
云服务器
即时通信 IM
ICP备案
对象存储
实时音视频
