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

更新时间：2009年08月03日 23:47:56 作者：

在Web应用中，采用POST提交信息是非常常见的，然而如果目标页面打开得太慢，用户就可能会刷新页面，这时候之前已经提交过的信息就会被重复提交。

Question
在Web应用中，采用POST提交信息是非常常见的，然而如果目标页面打开得太慢，用户就可能会刷新页面，这时候之前已经提交过的信息就会被重复提交。即使用户成功打开了POST提交目标页，之后他通过链接导航到别处了，再退回到POST提交目标页时仍可能会重复提交页面（例如因为浏览器缓存已失效）。而且，只要碰到重复POST提交的场景，浏览器就会问用户是否确认重做此操作，用户并不一定能正确理解重做意味着重做什么，浏览器又不允许网站向用户解释清楚，所以这属于非常不友善的设计。那么我们应该如何避免用户刷新带来的重复提交呢？

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

这样做的话，用户刷新结果页，或者通过历史记录回到该页面，都不会导致浏览器要重新进行POST，自然也就不会出现烦人的是否重做对话框了。而对于你来说，也有效避免了用户重复提交信息的可能性。

您可能感兴趣的文章:

使用git config --global设置用户名和邮件问题
这篇文章主要介绍了使用git config --global设置用户名和邮件问题，具有很好的参考价值，希望对大家有所帮助。如有错误或未考虑完全的地方，望不吝赐教
2023-05-05
kali添加开机自启的方法
采用systemd的方法，kali默认是没有rc.local的，需要自己创建。本方法也适用于ubuntu 18.04 64bit，对kali添加开机自启知识感兴趣的朋友一起看看吧
2022-09-09
ffmpeg网页视频流m3u8 ts实现视频下载
这篇文章主要为大家介绍了ffmpeg网页视频流m3u8 ts实现视频下载详解，有需要的朋友可以借鉴参考下，希望能够有所帮助，祝大家多多进步，早日升职加薪
2022-07-07
网站开发中的文件存储目录结构的探讨
网站应用中经常会有文件存储的需求，目录结构该怎么建才好呢？让我们来做下分析
2010-07-07
永久解决VSCode终端中文乱码问题
这篇文章主要介绍了永久解决VSCode终端中文乱码问题，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
2020-08-08
Git 教程之基本操作详解
本文主要主要介绍Git 基本操作,这里整理了详细的基本操作资料，包括基本命令使用方法，有需要的朋友可以参考下
2016-09-09
$游戏开发进阶Unity网格(Mesh\动态合批\骨骼动画\蒙皮)$
游戏开发进阶Unity网格(Mesh\动态合批\骨骼动画\蒙皮)
本篇文章是进阶篇文章主要讲解游戏开发进阶，主要包含的技术有Mesh，动态合批，骨骼动画，蒙皮下面一起进入Unity网格探险之旅吧
2021-09-09
如何让vsCode显示中文界面
vscode默认的语言是英文，这给使用者带来了一定的挑战，现在小编就来告诉你如何将vscode设置成中文。
2020-01-01
MASA Blazor入门详细教程
MASA Blazor是一个基于 Blazor Component 和 Material Design 的 UI 组件库，接下来通过本文给大家介绍MASA Blazor入门详细教程，感兴趣的朋友一起看看吧
2022-04-04
Node后端Express框架安装及应用
Express 是一个简洁而灵活的 node.js Web应用框架, 提供了一系列强大特性帮助你创建各种 Web 应用和丰富的 HTTP 工具，如果你不会jJava or Python等后端，使用 Express可以帮助我们快速地搭建一个完整功能的网站
2021-08-08