前后端分离重复提交_防止表单重复提交(二)

本文介绍了一种防止前后端分离应用中表单重复提交的方法,通过同步生成和校验token来确保唯一提交。在拦截器中进行重复提交检查,如果发现重复提交则阻止并返回提示。当表单成功提交后,使用切面编程移除redis中的token。该方案结合了拦截器和切面,确保能够获取方法返回值来判断提交状态。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

实现原理:

1、页面和后台同步存入一个token,一旦刷新页面,此token都是会刷新的

2、提交表单时,会带上这个标识token

3、请求后台,将此token和后台存入的token比对

3.1 校验token通过,成功提交表单,并移除token

3.2 校验token不通过,给出前端提示,但不做移除token

3.3 校验token通过,但表单校验不通过时,给出前端提示,但不做移除token

针对第一点,如果是页面是jsp,可在转发页面时使用切面生成token并存入redis或者session等

如果是前后端分离型,也可在页面统一生成token,生成时请求后台存入redis等。

在不考虑对接前端,本文先以代码形式说明后端实现

一、切点,表示需要防重复提交的地方

/**

* 防重复提交切点注解

* @author XINGZI.QI

*

*/

@Target(ElementType.METHOD)

@Retention(RetentionPolicy.RUNTIME)

public @interface LatechToken {

/**

* 表单提交时,需要移除token

* @return 无

*/

boolean needRemoveToken() default false;

}

二、拦截器,在进入表单提交方法前先校验token

/**

* 防重复提交拦截器,表单提交时用于方法前拦截

* 判断是否重复提交并做出提示

* @author XINGZI.QI

*

*/

public class TokenInterceptor extends HandlerInterce

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值