Ajax防止重复提交
来源:互联网 发布:日本制造 知乎 编辑:程序博客网 时间:2024/06/05 09:06
1.前言
以前面试的时候,就被问起过:如何防止表单重复提交。当时刚搞开发,没接触过该类问题,也没想过,所以未能答上来。为什么今天特地来说这个问题,是因为现今的项目开发中接触到了,而且相信很多地方也会需要去处理这个问题,因此趁有时间,记录一番。
2.内容
最近项目中做的是客户端页面填写消息之后,发送请求再存入数据库。虽然也可以用form表单来完成,但为了达到页面的局部刷新,我选择的是ajax提交。所以用的是按钮点击事件来完成的。
解决方式:①防止重复提交,不论是表单提交或者是ajax提交,如果通过前端javascript去控制,都有一个最简单的办法,就是在提交后通过控制提交按钮submit为disabled=“disabled”,然后在请求返回后,处理时再取消disabled属性即可,这是一种。
②另一种方式是对于ajax提交时,通过标识来做判断而防止重复提交,如下:
当然,如果函数中有其他校验,请在return之前也记得重置标识,否则后续点击不会再有效果。
3.总结
此次只针对ajax防止重复提交作出了两种比较简单的处理方式,相信肯定还有更多其他方法,大家有兴趣的可以深究。此处需要注意的是,之前我想的很简单,以为只需要每次提交请求后,将填写项内容清空,然后通过校验去处理,这样来防止重复提交。但因为ajax为异步请求处理,点击几次就会提交几次请求,而后台处理请求也是需要时间的,所以在处理的时间段内多次提交请求会导致数据重复甚至存储数据出现脏数据。个人实践后的反思,提出来希望能有所借鉴。
阅读全文
1 0
- ajax防止重复提交
- ajax防止重复提交
- ajax 防止重复提交
- Ajax防止重复提交
- ajax防止重复提交请求
- 防止jquery ajax 重复提交
- ajax防止表单重复提交
- 防止ajax表单重复提交
- Ajax 防止表单重复提交
- jquery 防止ajax 重复提交 简单方法
- jquery 防止ajax 重复提交 简单方法
- ajax防止多次点击重复提交
- 页面按钮防止ajax重复提交
- ajax防止多次点击重复提交
- $.ajax提交时防止数据重复
- 防止发生ajax重复提交的情况
- SpringMVC 表单防止重复提交(Ajax提交方式)
- jQuery 防止Ajax重复提交的简单设置方法
- android 7.1 gps权限问题
- Servlet生命周期
- glide工具类的简单封装
- mybatis:Parameter 'list' not found. Available parameters are [templateId, param1, param2, valueList]
- 如何通过web of science查询一个学者每一年的h-index?(h指数)
- Ajax防止重复提交
- 关于tcp你应该知道的---1、tcp_syncookies和他的小伙伴们
- 手写tomcat 加手写线程池结合
- 2017.10.26试题(NOIP DAY1难度)
- Java
- JS笔记
- mybatis的配置元素--typeHandler类型处理器
- MySQL redo与undo
- 简单的BaseActivity