表单重复提交在客户端和服务器端都会引发一些问题,一方面有些浏览器会弹出确认是否确认重新提交表单,另一方面服务器端也可能会重复添加数据。
在浏览器端,当用户点击提交一个表单,而服务器没有对提交做重定向,当用户输入信息有误提交后依然返回的是提交的页面,或者在同一个页面显示提交成功的信息,如果用户点击刷新(F5),此时浏览器的默认行为是重复前一次操作(刷新的意义浏览器理解为重复上一次请求,只不过form提交是一次特殊的,重定向相当于让浏览器执行了一次跳转,再刷新就不是提交表单了),所以浏览器会弹出警告要求确认是否重新提交表单,因为没有重定向很可能是提交未成功。
在服务器端,如果有重复的请求,可能会多次处理重复的请求,导致插入重复的数据等,引发一些错误。
对此有如下解决方法:
1、在提交后执行页面重定向
当用户提交了表单后,执行一个客户端的重定向,转到提交成功信息页面,甚至提交错误留在同一个页面也可以用重定向(没必要),这能避免用户按F5导致的重复提交,也不会出现浏览器表单重复提交的警告,也能消除按浏览器前进和后退按导致的同样问题。
2、在session中存放一个特殊标志
当表单页面被请求时,生成一个特殊的字符标志串,存在session中,同时放在表单的隐藏域里。接受处理表单数据时,检查标识字串是否存在,并立即从session中删除它,然后正常处理数据。如果发现表单提交里没有有效的标志串,这说明表单已经被提交过了,忽略这次提交。这使web应用有了更高级的XSRF保护。
3、在数据库里添加约束
在数据库里添加唯一约束或创建唯一索引,防止出现重复数据。这是最有效的防止重复提交数据的方法。