浏览器表单提交后点击重载按钮触发重复提交的原因

浏览器重载按钮的底层逻辑非常直接：原封不动重发当前浏览上下文里最后一次发起的HTTP请求，用新的响应结果重绘页面，它本身不会主动区分请求类型、也不会判断这个请求会不会修改服务端数据。

你可以结合HTTP请求的幂等性和浏览器的处理逻辑理解：

• 当你最后一次发起的是GET请求：HTTP规范里GET是幂等请求，意思是重复发起N次，服务端返回的结果一致、也不会产生数据写入类的副作用（比如拉取文章列表、查询商品详情），浏览器重发这类请求不会有额外提示，直接拉取最新数据即可，哪怕重复发也不会造成业务问题。
• 当你最后一次发起的是POST请求：HTTP规范里POST是非幂等请求，每一次发起都可能在服务端产生新的数据写入（比如创建订单、发布评论、注册账号）。这时候点击重载，浏览器通常会先弹出「确认重新提交表单」的提示，用户确认后，浏览器会把上一次POST请求携带的所有表单参数、请求上下文原封不动再发一遍到服务端，自然就触发了重复提交。

举个最常见的故障场景：你填完支付表单点提交，服务端收到POST请求后完成扣款、生成订单，直接返回支付成功的页面内容。这时候你停留在这个页面点刷新，浏览器就会把携带支付参数的POST请求再发一次，服务端就可能重复扣款、生成第二笔重复订单。

这也是PRG模式能解决这个问题的核心逻辑：POST请求处理完成后，服务端不直接返回页面，而是返回302/303重定向状态码，告诉浏览器自动发起一次新的GET请求跳转到结果页。这时候浏览记录里最后一次请求就变成了幂等的GET请求，再点重载只会重新拉取结果页，不会重复触发之前的POST提交逻辑。

内容的提问来源于stack exchange，提问作者Leo Pkm