接口防抖(重复点击)

一,概念

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

二,解决方案

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

  1. 前端处理

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

  1. 后端处理

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

  • token实现

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

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

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

  • 接口限流

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

相关推荐
学习中的DGR38 分钟前
[GXYCTF2019]Ping Ping Ping 1和[SUCTF 2019]EasySQL 1新手解题过程
sql·安全·web安全·网络安全·php
yangSnowy39 分钟前
PHP变量回收机制
开发语言·php
悠悠~飘44 分钟前
22.php基础-类2
php
CRMEB系统商城2 小时前
CRMEB多商户系统(PHP)- 移动端二开之基本容器组件使用
运维·开发语言·小程序·php
2501_944521593 小时前
Flutter for OpenHarmony 微动漫App实战:图片加载实现
android·开发语言·前端·javascript·flutter·php
运筹vivo@4 小时前
攻防世界: mfw
前端·web安全·php
Web极客码9 小时前
为什么建议使用WordPress WP Mail SMTP来替代PHP Mail
开发语言·php·wordpress
hzb6666610 小时前
xd_day47文件上传-day55xss
javascript·学习·安全·web安全·php
云云只是个程序马喽12 小时前
海外短剧app开发源码h5,支持多语言多支付 付费模式广告模式
php
这儿有一堆花12 小时前
网页开发的基石:深入解析 HTML 与 PHP 的本质差异
前端·html·php