div模拟收藏按钮,连续点击两次导致重复请求两次接口
2018-01-12 13:29
726 查看
做项目的时候,遇到收藏功能
这样写,发送ajax请求后台数据,如果用户连续点击两次,当服务器卡顿或者网络缓慢的时候,第一次点击并没有进入success之前,第二次请求就会继续,因为此时count仍然是为0,就会出现收藏两次的bug,之前用button做类似的事件,当点击之后禁用button,成功之后取消禁用,不会出现这种问题,修改方案如下:
即可。
这样写,发送ajax请求后台数据,如果用户连续点击两次,当服务器卡顿或者网络缓慢的时候,第一次点击并没有进入success之前,第二次请求就会继续,因为此时count仍然是为0,就会出现收藏两次的bug,之前用button做类似的事件,当点击之后禁用button,成功之后取消禁用,不会出现这种问题,修改方案如下:
即可。
相关文章推荐
- 防止按钮的重复点击导致的请求的重复响应
- js中防止连续点击按钮导致多次重复提交数据的方法
- JavaScript 不重复提交(当用户连续点击提交按钮 情景)
- android 按钮防止连续点击防止按钮重复点击
- IE8 div 非按钮点击之后,为了防止重复点击,会默认添加[disabled=“disabled”]
- Android 快速实现防止网络重复请求&按钮重复点击的方法
- 转 c# 模拟Asp.net页面中的某个按钮的点击,向web服务器发出请求
- 控制服务器处理请求的数量(高并发)-防止用户重复点击导致多次请求
- iOS 点赞机制(防止按钮重复点击触发多次请求)
- 解决:防止页面按钮被重复点击,导致页面重复提交的问题
- 关于Asp.Net中避免用户连续多次点击按钮,重复提交表单的处理
- 点击按钮一次,请求两次问题解决
- iOS 防止UIButton 连续点击导致请求多次的问题!
- c# 模拟Asp.net页面中的某个按钮的点击,向web服务器发出请求
- angularjs如何避免快速点击按钮,重复提交请求
- VB.Net中点击按钮(Button)会重复提交两次表单
- 防止用户多次点击按钮,导致发送多次请求或者其他问题。
- 防止连续点击两次按钮JS方法
- javascript设置连续两次点击按钮时间间隔的方法
- 按钮的ajax请求时,一次点击两次提交的问题