连续点击按钮后多次发送数据问题的解决办法
2018-01-25 10:39
761 查看
昨天,发现了一个小问题,具体是:当鼠标连续多次点击保存按钮时,会向后台发送多个请求,会创建出多条数据。有一个比较简单的解决办法,代码如下://JS部分
if($(this).attr('class').indexOf('cando')==-1){
console.log('no');
return;
}else {
$('#mca_save').removeClass('cando');
}
在HTML部分,我们先为此按钮加上一个cando的属性,在此按钮的点击事件里,对是否有cando属性进行判断,第一次点击时,有cando属性,则将cando属性移除,然后继续其他操作,比如向后台发送请求。当再次点击时,没有cando属性,则结束当前事件,无法向后台继续发送请求。
if($(this).attr('class').indexOf('cando')==-1){
console.log('no');
return;
}else {
$('#mca_save').removeClass('cando');
}
在HTML部分,我们先为此按钮加上一个cando的属性,在此按钮的点击事件里,对是否有cando属性进行判断,第一次点击时,有cando属性,则将cando属性移除,然后继续其他操作,比如向后台发送请求。当再次点击时,没有cando属性,则结束当前事件,无法向后台继续发送请求。
相关文章推荐
- 解决vue 按钮多次点击重复提交数据问题
- Android安卓关于避免按钮快速多次点击问题解决办法
- 防止用户多次点击按钮,导致发送多次请求或者其他问题。
- 安卓EditText有时点击后无法自动弹出键盘的解决办法;TextWatcher多次调用问题
- bootstrap下modal模态框中webuploader控件按钮异常(无法点击)问题解决办法【转】
- listView数据过多,或点击过于频繁崩溃问题解决(防止按钮重复点击)
- 对于快速连续点击Button操作从而引发的多次提交数据问题;
- MFC串口发送数据大于128数据出错的解决办法(发送0xFE接收得到0x3F等问题)
- js解决按钮被多次点击的问题(微信支付-支付提交)
- 有关于用javaScript点击一次提交数据却发送了两次或者多次的问题
- 关于WinForm框架中点击按钮时存在的多次提交问题的解决方法
- ionic开发——百度地图InfoWindow信息窗口上添加按钮,无法触发点击事件问题解决办法
- submit在第一次点击按钮后且页面没有得到响应前,多次点击向后台发送数据情况说明
- 解决html按钮切换绑定不同函数后点击时执行多次函数问题
- 解决html按钮切换绑定不同函数后点击时执行多次函数问题
- js中防止连续点击按钮导致多次重复提交数据的方法
- iOS 基于runtime 解决UIButton重复点击 发送多次请求问题
- http发送流数据问题,可能的原因和解决办法
- iOS - 解决短时间多次点击按钮,多次响应的问题
- LigerUI弹窗按钮可以点击多次的问题解决