在页面刷新时防止表单重新提交，可以通过以下几种方法实现：

  1. 使用客户端JavaScript禁用或启用表单的提交按钮。当页面加载完成后，检查表单是否已经提交过，如果已经提交过，则禁用提交按钮；如果没有提交过，则启用提交按钮。

解析：

  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4.     <meta charset="UTF-8">
  5.     <meta name="viewport" content="width=device-width, initial-scale=1.0">
  6.     <title>防止表单刷新提交</title>
  7.     <script>
  8.         function checkFormSubmit() {
  9.             var form = document.getElementById("myForm");
  10.             if (form.checkValidity()) {
  11.                 // 表单验证通过，禁用提交按钮
  12.                 document.getElementById("submitBtn").disabled = true;
  13.             } else {
  14.                 // 表单验证未通过，启用提交按钮
  15.                 document.getElementById("submitBtn").disabled = false;
  16.             }
  17.         }
  18.     </script>
  19. </head>
  20. <body onload="checkFormSubmit()">
  21.     <form id="myForm" onsubmit="return false;">
  22.         <!-- 表单内容 -->
  23.         <input type="submit" id="submitBtn" value="提交">
  24.     </form>
  25. </body>
  26. </html>
  1. 使用HTTP缓存控制。通过设置HTTP响应头中的Cache-Control和Expires字段，告诉浏览器在特定的时间段内不需要重新请求页面。这样，在刷新页面时，浏览器会从缓存中读取数据，而不是重新请求服务器。

解析：在服务器端配置响应头。以Nginx为例：

  1. location /your-page-url {
  2.     add_header Cache-Control "no-cache, no-store, must-revalidate"; // HTTP 1.1.
  3.     add_header Pragma "no-cache"; // HTTP 1.0.
  4.     add_header Expires 0; // Proxies.
  5. }
  1. 使用URL参数来区分不同的表单提交。在表单提交时，将一个随机生成的字符串或ID作为参数添加到URL中，这样在页面刷新时，只有带有这个参数的表单才会被提交。服务器端需要根据这个参数来处理不同的表单提交。

解析：HTML和JavaScript代码示例同第1种方法，服务器端根据URL参数来处理不同表单的提交。