前端如何简单的实现防止业务重复提交功能?

发布日期 2023-10-03 15:29:34

可以参考以下代码。先定义lock变量初始化为false,当点击确定操作后,判断lock变量取反后为真才执行提交操作,同时把lock置为true,可以简单解决解决业务重复提交的问题:

let lock = false
layer.open({
    type: 2,
    title: '上传',
    content: '/xxx/xxx.action',
    btn: ['确定', '取消'],
    btn1: function(index, layero) {
        if (!lock) {
            lock = true
            this.doSubmit()
        }
    },
    btn2: function(index, layero) {
        layer.close(index)
    }
})