为什么点击jsp页面上的提交按钮,新增一条数据,结果却新增了两条数据,并给出代码防止重复提交
时间: 2024-03-08 15:47:31 浏览: 122
基于 .NET 5 + Ant Design Vue 的 Admin Fx.zip
点击jsp页面上的提交按钮,新增一条数据会出现新增两条数据的情况,通常是因为表单重复提交。当用户在提交表单后,网络延迟或者浏览器缓存等问题导致页面没有及时刷新,用户又重新点击提交按钮时,就会发生表单重复提交的情况。为了解决这个问题,可以通过以下方式进行防止重复提交的操作:
1. 在表单的提交按钮上添加禁用属性,防止用户重复点击提交按钮
```html
<input type="submit" value="提交" onclick="this.disabled=true;this.form.submit();" />
```
2. 在后台代码中进行重复提交的校验,如果已经提交过表单,则不再进行数据的新增操作
```java
// 使用synchronized关键字保证同步
public synchronized boolean checkRepeatSubmit(String token) {
if (tokens.contains(token)) {
return true;
}
tokens.add(token);
return false;
}
```
以上是两种常见的防止表单重复提交的方式,可以根据具体需求进行选择。
阅读全文