如何避免表单被重复提交

如何避免表单被重复提交

1.使用ajax向后端发起请求，后端执行了对应的方法，而request却响应为error，实际原因是，后端返回的数据不是json格式

 $.ajax({
        type: "POST",
        url: submit_url,
        data: $('#' + form_id).serialize(),// 你的formid
        dataType: "JSON",
        error: function (request) {
            alert("服务器繁忙, 请联系管理员!");
        },
        success: function (result) {
        }

2.使用mybatis-plus新增数据后，被插入的对象的主键id会自动从null变为自增的值，用该对象的getId()方法就能获取

 
      @TableId(value = "goods_id", type = IdType.AUTO)
    private Integer goodsId;

3.避免同一表单被重复提交

 <#--设置商品id的隐藏域，用来判断该表单是否已经提交过，避免重复提交-->
 

在前端设置一个隐藏域id，第一次提交表单后，后端在返回的数据中添加新增对象的id，为隐藏域赋值（在ajax中完成），如果再次提交表单，会携带隐藏域id，后端发现表单携带id，则返回保存失败的信息