接口防抖(重复点击)

一,概念

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

二,解决方案

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

  1. 前端处理

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

  1. 后端处理

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

  • token实现

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

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

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

  • 接口限流

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

相关推荐
Q_Q51100828513 小时前
python+django/flask+vue基于深度学习的图书推荐系统
spring boot·python·django·flask·node.js·php
Q_Q196328847513 小时前
python+django/flask+vue爬虫的网络小说热度分析系统
spring boot·python·django·flask·node.js·php
Q_Q51100828513 小时前
python+django/flask+vue的B站数据分析可视化系统
spring boot·python·django·flask·node.js·php
Q_Q51100828513 小时前
python+springboot+django/flask时尚内衣销售数据可视化和预测系统
spring boot·python·django·flask·node.js·php
星光一影13 小时前
新高仿美团/饿了么本地生活系统,自带骑手接单系统,用户端、商家端、骑手端全面支持H5/App/小程序
redis·mysql·小程序·php·生活
代龙涛13 小时前
wordpress目录介绍
开发语言·后端·php
长安第一美人1 天前
php出现zend_mm_heap corrupted 或者Segment fault
开发语言·嵌入式硬件·php·zmq·工业应用开发
咕噜签名-铁蛋1 天前
云服务器远程连接失败?
开发语言·php
JSON_L1 天前
Fastadmin后台增加切换语言
后端·php·fastadmin
JSON_L1 天前
Fastadmin API接口实现多语言提示语
后端·php·fastadmin