防止按钮重复点击,连续发送请求
请求 重复 发送 点击 按钮 防止 连续
2023-09-11 14:19:39 时间
我们一般遇到防止按钮连续点击,重复发送请求会在按钮上添加disabled属性,点击后让按钮的这个属性为true,就不能点击了
但是,当指头速度超级快时还是避免不了,重复发送请求,然后在网上看到了一个办法,
disabled属性还加,点击后将按钮置灰,
另外,将我么你要执行的方法 单独封装成一个方法
然后将这个方法 赋值给一个变量,每次点击时去调用这个变量(已经将这个方法赋值给它了),将这个变量放到计时器内执行
let self = this,fun; self.saveOrderBtnCanUse = true;//按钮不能点击 setTimeout(() => { //防止重复点击发送请求 fun = saveFun; fun(); }, 500); function saveFun(){//do some self.saveOrderBtnCanUse = false }
发现上面的还会重复触发(只要够快),
然后试了试下面的,好了:
self.saveOrderBtnCanUse = true;//按钮不能点击 setTimeout(() => { //防止重复点击发送请求 self.saveOrderBtnCanUse = false;//按钮不可以点击 }, 1000);
正常代码再执行
。
相关文章
- 【网络编程3】网络编程基础-arp请求(局域网主机扫描)
- ASP.NET (Core) WebAPI IIS PUT和DELETE请求失败 405的解决办法
- Jmeter.log日志打印断言失败时的请求和响应报文
- python使用requests发送multipart/form-data请求数据
- android 发送http请求
- 【问题解决方案】jmeter HTML请求 响应体中文乱码
- go gin框架:PostFormArray接收数组类请求参数
- [FAQ] edge 等浏览器的 debug 栏的 "网络" 中看不到网络请求
- 微信开发系列之十 - 在SAP C4C接收微信发送过来的服务请求回应
- HTTP响应头和请求头信息对照表(一篇全)
- 已解决:项目中怎么处理重复请求(并发请求)
- 教你轻松解决CSRF跨站请求伪造攻击
- nginx实现请求转发
- 007-优化web请求三-异步调用【WebAsyncTask】