首页前端开发其他前端知识十分钟内学会 避免用户刷新导致重复POST提交

十分钟内学会 避免用户刷新导致重复POST提交

时间2024-02-10 16:05:03发布访客分类其他前端知识浏览259
导读:收集整理的这篇文章主要介绍了十分钟内学会 避免用户刷新导致重复POST提交,觉得挺不错的,现在分享给大家,也给大家做个参考。 Question 在Web应用中,采用POST提交信息是非常...
收集整理的这篇文章主要介绍了十分钟内学会 避免用户刷新导致重复POST提交,觉得挺不错的,现在分享给大家,也给大家做个参考。 Question
在Web应用中,采用POST提交信息是非常常见的,然而如果目标页面打开得太慢,用户就可能会刷新页面,这时候之前已经提交过的信息就会被重复提交。即使用户成功打开了POST提交目标页,之后他通过链接导航到别处了,再退回到POST提交目标页时仍可能会重复提交页面(例如因为浏览器缓存已失效)。而且,只要碰到重复POST提交的场景,浏览器就会问用户是否确认重做此操作,用户并不一定能正确理解重做意味着重做什么,浏览器又不允许网站向用户解释清楚,所以这属于非常不友善的设计。那么我们应该如何避免用户刷新带来的重复提交呢?

Answer
有一种最简单的模式能够解决这个问题,叫做PRG,也就是Post-redirect-Get。在用户提交信息后,我们不要在POST提交的目标URL返回结果页面,而返回一个302将浏览器重定向到真正的结果显示页,然后浏览器通过GET去获取那个页面。

这样做的话,用户刷新结果页,或者通过历史记录回到该页面,都不会导致浏览器要重新进行POST,自然也就不会出现烦人的是否重做对话框了。而对于你来说,也有效避免了用户重复提交信息的可能性。 您可能感兴趣的文章:
  • android中ListView多次刷新重复执行getView的解决方法
  • javascript下阻止表单重复提交、防刷新、防后退
  • Asp.Net防止刷新重复提交数据的办法
  • asp.net 处理F5刷新页面重复提交页面的一个思路
  • firefox下jquery iframe刷新页面提示会导致重复之前动作
  • JSP刷新页面表单重复提交问题解决办法分享
  • 关于页面刷新,事件重复提交的方法分享
  • php环境下利用session防止页面重复刷新的具体实现
  • asp.net防止刷新时重复提交(可禁用工具条刷新按钮)
  • javaweb用户注销后点击浏览器返回刷新页面重复登录问题的解决方法

声明:本文内容由网友自发贡献,本站不承担相应法律责任。对本内容有异议或投诉,请联系2913721942#qq.com核实处理,我们将尽快回复您,谢谢合作!


若转载请注明出处: 十分钟内学会 避免用户刷新导致重复POST提交
本文地址: https://pptw.com/jishu/608576.html
Web 设计与开发者必须知道的 15 个站点 XML CDATA的作用

游客 回复需填写必要信息