ajax保存数据，多次点击导致保存相同数据

最新推荐文章于 2022-11-30 18:25:15 发布

心让你说

最新推荐文章于 2022-11-30 18:25:15 发布

阅读量696

点赞数 1

分类专栏： java前端文章标签： ajax 数据重复点击事件后台反馈测试技巧

本文链接：https://blog.csdn.net/qq_44837620/article/details/112323608

版权

java前端专栏收录该内容

1 篇文章 0 订阅

订阅专栏

ajax保存数据，多次点击导致保存相同数据

问题描述

问题描述

在Java编程中，当后台未进行重复判断时，在用到ajax进行前后台的数据传递，
由于网络环境问题，在某些情况下，当用户多次点击确定或提交按钮就行数据保存时，
就会因为后台反馈不及时，导致了多个保存请求触发，而保存多条相同的数据。

解决方法

示例代码如下：

    //确定提交
    $(".confirm-btn").click(function () {
    //在第一次点击进入事件时，解绑该按钮的点击事件，防止在数据反馈之前的误触
        let _this = $(this);
        _this.unbind("click");
                $.post('/a/b/save',
                 {data: data}, function (data) {
            if (data.success) {
                layer.alert(data.msg, function () {
                    window.location.reload();;
                });
            } else {
            //在反馈失败之后重新绑定点击事件
                layer.alert(data.msg, function () {
                    _this.bind("click");
                })
            }
        })
    });