防止用户多次点击导致重复提交数据的问题
2018-02-02 12:04
555 查看
前端在做开发的过程中，经常会遇到以下的场景：
用户填写完了表单，然后点击提交按钮，这个时候需要把数据提交给后台，然而提交给后台是需要一个过程的，如果这个时候用户再一次点击提交按钮就会出现第一次数据还没提交完，用户又提交了第二次数据，如此反复，就会提交很多重复的数据；
解决方案：
在用户点击完提交按钮以后，立马禁用按钮，不允许用户再次点击，等数据提交完毕以后，再次让用户点击
用户填写完了表单，然后点击提交按钮，这个时候需要把数据提交给后台，然而提交给后台是需要一个过程的，如果这个时候用户再一次点击提交按钮就会出现第一次数据还没提交完，用户又提交了第二次数据，如此反复，就会提交很多重复的数据；
解决方案：
在用户点击完提交按钮以后，立马禁用按钮，不允许用户再次点击，等数据提交完毕以后，再次让用户点击
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 
相关文章推荐
- j2ee的web项目怎么防止，重复提交的问题？（即点击了提交，后台新增了两条数据，也就是说，其实是点了多次提交，发起了多次http url，这样就插入了多条相同数据，但是主键id是不同的）
- 网络充值支付过程游戏公司如何防止由于页面多次刷新导致重复提交数据导致多次充值的问题
- js中防止连续点击按钮导致多次重复提交数据的方法
- 解决：防止页面按钮被重复点击，导致页面重复提交的问题
- 注册或者点击按钮时,怎么防止用户重复提交数据(实例讲解)
- 解决vue 按钮多次点击重复提交数据问题
- 如何防止用户不小心多次点击按钮导致多次提交
- Jquery 实现表单提交按钮变灰，防止多次点击提交重复数据
- 控制服务器处理请求的数量（高并发）-防止用户重复点击导致多次请求
- 注册或者点击按钮时,怎么防止用户重复提交数据(实例讲解)
- 注册或者点击按钮时，防止用户重复提交数据
- 防止用户多次点击按钮，导致发送多次请求或者其他问题。
- 防止用户多次点击按钮导致页面被多次提交
- Android 防止多次点击提交数据
- 【asp.net中如何防止用户重复点击提交按钮】
- Android 防止多次点击提交数据（文章或评论）代码片段
- 多次点击表单提交按钮，防止表单重复提交
- 利用runtime，解决多次点击相同button，导致重复跳转的问题
- 防止form表单提交按钮多次点击导致提交多次
- iOS开发－－利用 runtime，解决多次点击相同 button，导致重复跳转的问题