forms - 防止重新提交表单

Question

第一页包含一个 HTML 表单。第二页 - 处理提交数据的代码。

第一页的表单被提交。浏览器被重定向到第二页。第二页处理提交的数据。

此时，如果刷新第二页，则会弹出“确认表单重新提交”警报。

这可以避免吗？

Answer 1

人们过去常常采用两种方法:

方法 1:使用 AJAX + 重定向

通过这种方式，您可以使用 JQuery 或类似于 Page2 的工具在后台发布您的表单，而用户仍会看到显示的 page1。发布成功后，您将浏览器重定向到 Page2。

方法 2: 发布 + 重定向到自己

这是论坛上的常用技巧。 Page1 上的表单将数据发布到 Page2，Page2 处理数据并执行需要完成的操作，然后它自己执行 HTTP 重定向。这样，浏览器记住的最后一个“操作”是 page2 上的简单 GET，因此不会在 F5 时重新提交表单。