本文背景
短时间内快速点击按钮,会导致数据重复提交,本文主要针对这种情况进行分析,并参考社区给出三种解决方案
本文内容
通过参考社区以及实践操作,我总结以下几种方案
(1)设置状态位,点击状态位,默认可以点击,点击后,状态位为不可点击,参考下面第一篇文章
(2)按钮隐藏,点击按钮后,将按钮隐藏,参考下面第二篇文章
(3)设置模态对话框,具体为wx.showLoading,设置参数mask设为true
参考文章
(1)
如何保证按钮不被高频点击?? - 微信开放社区 https://developers.weixin.qq.com/community/develop/doc/0002cef10305e8eab28a1bc0951800
(2)
button share如何防止多次点击,安卓手机会多次调用转发功能? - 微信开放社区 https://developers.weixin.qq.com/community/develop/doc/000a88dc6b01f87c3687692035b800
(3)
wx.showLoading,加上mask:true,真机上快速点击还是能重复请求?? - 微信开放社区 https://developers.weixin.qq.com/community/develop/doc/00042665298db841bc6a786fb56c00
本文总结
快速点击,重复提交是小程序日常开发经常遇到的细节问题,如果不住啊们处理,是容易造成后患的,比如答题活动场景,重复提交会造成累计得分里面多加了一次
实践反馈
目前在党建答题小程序中为防止重复提交,采用上面方案(3),偶尔还有重复提交情况存在,我会在后续跟进,这个问题在参考文章(3)有用户提到。
避免分包加载引起的页面重复打开问题? - 微信开放社区 https://developers.weixin.qq.com/community/develop/article/doc/00028227510458ca8fb982e5b51413
党建理论考试小程序复盘? - 微信开放社区 https://developers.weixin.qq.com/community/develop/article/doc/0000a654cdcf68254ffa8d04d5b413