接口防抖(重复点击)

一,概念

复制代码
	防抖技术指的是在一个事件被连续触发时,只执行最后一次操作,忽略中间的操作。通常我们会设置一个定时器,在规定的时间内如果发生多次事件,则只保留最后一次事件,确保请求只发送一次。
	在 Web 开发中,防抖和防重复提交是两个常见的技术需求。在处理用户交互或表单提交等场景中,我们需要确保用户在一定时间内只能触发一次请求,避免重复提交或者频繁请求的问题。

二,解决方案

前端和后端都可以处理这个问题

  1. 前端处理

在web端,提交完表单后前端可以给 提交按钮 添加上disabled按钮或者使用计时器,如常见的发送短信验证码

  1. 后端处理

后端处理的方法就比较多了,下面说常用的几种

  • token实现

    在请求A接口(提交数据)前先请求获取唯一码的接口B(获取数据)来获取 $token = md5(uniqid());接口B中会将生成的token放入缓存中并设置过期时间。请求A接口带上这个token,A接口会判断缓存中是否有此token,如果有此token,则响应请求。

  • mysql数据库增加字段唯一性约束

    可以给某字段增加唯一索引(唯一约束和唯一索引不同的两个东西,唯一约束是通过唯一索引实现,添加唯一约束就生成了唯一索引,但是添加唯一索引不会自动生成唯一约束,字段中的null值被认为是不同的)

  • 接口限流

    接口限流可以使用缓存来实现。请求接口的时候先判断是否有此请求的缓存,如果没有,处理请求,然后将此请求加入缓存,并设置过期时间。

相关推荐
李纲明11 小时前
WordPress 后台登录马上被踢回登录页:Cookie 域、HTTPS、盐值和页面缓存怎么查
运维·缓存·https·php·wordpress·cookie
4SAPI11 小时前
AI 数据分析工具大模型 API 选型指南
大数据·人工智能·架构·php·1024程序员节
f89790707012 小时前
php升级之后切换到php8.2.35报pdo错误
php
4SAPI12 小时前
搭建 AI 数据分析工具大模型 API 选型指南
数据库·人工智能·架构·php·1024程序员节
Regentsoft丽晶软件13 小时前
从 “定时拉取“ 到 “事件驱动“,服装库存实时同步的底层架构怎么设计?
经验分享·php·零售
用户609686242660815 小时前
页面构建器做的页面翻译:短代码、区块、动态内容各自会踩什么坑
php·wordpress
阿文和她的Key15 小时前
PHP2Shell事故四层拆解:AI找洞是小时级,披露协调还是邮件级
网络·人工智能·架构·php
贵州诚鑫致达科技有限公司19 小时前
PHP两个9.2分RCE漏洞,速查版本
服务器·php·1024程序员节
hudie76520 小时前
LikeShop 二开最常改的 5 个文件(附改前改后对比)
前端·uni-app·php·个人开发
东宇科技20 小时前
crmeb开源版本安装步骤2026-10-20
后端·php·crmeb