layer.confirm快速点击会重复触发事件问题

layer.confirm快速点击会重复触发事件问题
1 .问题描述: 快速点击会出现,重复触发事件,像后台发起多次请求,此时后台极端=短时间内多次请求,会出现并发问题,数据脏读
在这里插入图片描述

2.问题分析 :查看layerUI的API发现,系统的confirm是线程阻塞的,而layer.confirm是非阻塞的

在这里插入图片描述

3.问题解决
方案1. 防止重复触发事件,前台js加锁
方案2.后台代码加乐观锁
此时,方案1解决这个问题最佳
4.具体实现:

 //出库
   output: function () {
            console.log("出库请求---");           	                                    
            var lock=false;//默认未锁定
            var myconfirm=layer.confirm('是否确认出库?',{btn: ['确定','取消']},function(index){
                        console.log('success');
                        console.log(lock);
                         //
                         if(!lock){
                        	 lock=true;//锁定
                             //发送
                           console.log("ajax---");
                             //发送ajax
                               $.ajax({
                                   url:  '/dubbo/../outBoundByTask.json',
                                   isAysn: false,
                                   type: 'get',
                                   contentType: 'application/json',
                                   data:params.join('&'),
                                   success: function (result) {
                                                          	
                                   	var res=$.parseJSON(result);
                                    var code=res.code;
                                    	
                                    	if(code==0){
                                    		layer.msg("操作成功!");
                                    		window.location.reload();
                                    	}else{
                                    		layer.msg(res.msg);
                                    	}
                                   	
                                       

                                   }
                               });
                         }
                         layer.close(myconfirm);
                        }
                        ,function(index){
                          console.log('fail');
                        });
                }
                  
                
  • 6
    点赞
  • 7
    收藏
    觉得还不错? 一键收藏
  • 2
    评论
评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值