页面刷新时如何防止表单重新提交（F5 / CTRL+R）

Question

我有一个简单的表单，可以将文本提交到我的 SQL 表。 问题是用户提交文本后，他们可以刷新页面并再次提交数据，而无需再次填写表单。 提交文本后，我可以将用户重定向到另一个页面，但我希望用户留在同一页面上。

我记得读过一些关于给每个用户一个唯一的 session id 并将其与另一个值进行比较的内容，该值解决了我遇到的问题，但我忘记了它在哪里。

Answer 1

我还想指出，您可以使用 javascript 方法window.history.replaceState来防止在刷新和返回按钮上重新提交。

<script>
    if ( window.history.replaceState ) {
        window.history.replaceState( null, null, window.location.href );
    }
</script>

这里的概念证明： https://dtbaker.net/files/prevent-post-resubmit.php （链接不再有效）

我仍然会推荐 Post/Redirect/Get 方法，但这是一种新颖的 JS 解决方案。

Answer 2

使用发布/重定向/获取模式。 http://en.wikipedia.org/wiki/Post/Redirect/Get

在我的网站上，我会将消息存储在 cookie 或 session 中，在发布后重定向，读取 cookie/会话，然后清除 session 或 cookie 变量的值。

Answer 3

您可以通过 session 变量阻止重新提交表单。

首先，您必须在文本框中设置rand()并在表单页面上设置$_SESSION['rand'] ：

<form action="" method="post">
  <?php
   $rand=rand();
   $_SESSION['rand']=$rand;
  ?>
 <input type="hidden" value="<?php echo $rand; ?>" name="randcheck" />
   Your Form's Other Field 
 <input type="submit" name="submitbtn" value="submit" />
</form>

之后检查$_SESSION['rand']与文本框$_POST['randcheck']值是这样的：

if(isset($_POST['submitbtn']) && $_POST['randcheck']==$_SESSION['rand'])
{
    // Your code here
}

确保在使用session_start()的每个文件上启动 session

Answer 4

这种方法对我很有效，我认为这是完成这项工作的最简单的方法。

一般的想法是在表单提交后将用户重定向到其他页面，这将在页面刷新时停止表单重新提交。 尽管如此，如果您需要在提交表单后将用户保持在同一页面上，您可以通过多种方式进行，但这里我描述的是 JavaScript 方法。

---

JavaScript 方法

此方法非常简单，并且一旦提交表单，就会阻止在刷新时要求重新提交表单的弹出窗口。 只需将这行 JavaScript 代码放在文件的页脚，就可以看到“魔法”。

 <script> if ( window.history.replaceState ) { window.history.replaceState( null, null, window.location.href ); } </script>

Answer 5

我使用此 javascript 行来阻止在提交表单后要求在刷新时重新提交表单的弹出窗口。

if ( window.history.replaceState ) {
  window.history.replaceState( null, null, window.location.href );
}

只需将这一行放在文件的页脚即可看到神奇之处

Answer 6

您确实应该使用 Post Redirect Get 模式来处理此问题，但如果您以某种方式最终进入了 PRG 不可行的 position（例如，表单本身位于包含中，防止重定向），您可以 hash 一些请求参数根据内容制作一个字符串，然后检查您是否还没有发送它。

//create digest of the form submission:

    $messageIdent = md5($_POST['name'] . $_POST['email'] . $_POST['phone'] . $_POST['comment']);

//and check it against the stored value:

    $sessionMessageIdent = isset($_SESSION['messageIdent'])?$_SESSION['messageIdent']:'';

    if($messageIdent!=$sessionMessageIdent){//if its different:          
        //save the session var:
            $_SESSION['messageIdent'] = $messageIdent;
        //and...
            do_your_thang();
    } else {
        //you've sent this already!
    }

Answer 7

处理表单后，您将重定向到另一个页面：

... process complete....
header('Location: thankyou.php');

您也可以重定向到同一页面。

如果您正在做评论之类的事情并且您希望用户留在同一页面上，您可以使用 Ajax 来处理表单提交

Answer 8

我找到了下一个解决方法。 在处理POST请求后，您可以通过操纵history object 来逃避重定向。

所以你有 HTML 表格：

<form method=POST action='/process.php'>
 <input type=submit value=OK>
</form>

当您在服务器上处理此表单时，您无需像这样设置Location header 来将用户重定向到/the/result/page ：

$cat process.php
<?php 
     process POST data here
     ... 
     header('Location: /the/result/page');
     exit();
?>

处理POST ed 数据后，您呈现小的<script>和结果/the/result/page

<?php 
     process POST data here
     render the <script>         // see below
     render `/the/result/page`   // OK
?>

您应该渲染的<script> ：

<script>
    window.onload = function() {
        history.replaceState("", "", "/the/result/page");
    }
</script>

结果是：

如您所见，表单数据被POST编辑到process.php脚本。
此脚本处理POST ed 数据并立即渲染/the/result/page ：

1. 没有重定向
2. 刷新页面时没有重新POST数据 (F5)
3. 当您通过浏览器历史导航到上一页/下一页时没有重新POST

UPD

作为另一种解决方案，我向Mozilla FireFox团队提出功能请求，以允许用户设置NextPage header，这将像Location header 一样工作并制作post/redirect/get pattern obsole。

简而言之。 当服务器成功处理表单POST数据时：

1. 设置NextPage header 而不是Location
2. 呈现处理POST表单数据的结果，因为它将呈现在post/redirect/get模式中的GET请求

浏览器依次看到NextPage header：

1. 使用NextPage值调整window.location
2. 当用户刷新页面时，浏览器将协商GET请求到NextPage而不是重新POST表单数据

我认为如果实施这将是极好的，不是吗？ =)

Answer 9

1. 使用 header 并重定向页面。

   header("Location:your_page.php"); 您可以重定向到同一页面或不同的页面。

2. 将 $_POST 插入数据库后取消设置。

   unset($_POST);

Answer 10

Javascript

此方法非常简单，并且一旦提交表单，就会阻止在刷新时要求重新提交表单的弹出窗口。 只需将这行 javascript 代码放在文件的页脚，就能看到神奇之处。

<script>
    if ( window.history.replaceState ) {
        window.history.replaceState( null, null, window.location.href );
    }
</script>

Answer 11

一个非常可靠的方法是在帖子中实现一个唯一的 ID 并将其缓存在

<input type='hidden' name='post_id' value='".createPassword(64)."'>

然后在您的代码中执行以下操作：

if( ($_SESSION['post_id'] != $_POST['post_id']) )
{
    $_SESSION['post_id'] = $_POST['post_id'];
    //do post stuff
} else {
    //normal display
}

function createPassword($length)
{
    $chars = "abcdefghijkmnopqrstuvwxyz023456789";
    srand((double)microtime()*1000000);
    $i = 0;
    $pass = '' ;

    while ($i <= ($length - 1)) {
        $num = rand() % 33;
        $tmp = substr($chars, $num, 1);
        $pass = $pass . $tmp;
        $i++;
    }
    return $pass;
}

Answer 12

Moob 帖子的精炼版本。 创建 POST 的 hash，将其保存为 session cookie，并比较每个 session 的哈希值。

// Optionally Disable browser caching on "Back"
header( 'Cache-Control: no-store, no-cache, must-revalidate' );
header( 'Expires: Sun, 1 Jan 2000 12:00:00 GMT' );
header( 'Last-Modified: ' . gmdate('D, d M Y H:i:s') . 'GMT' );

$post_hash = md5( json_encode( $_POST ) );

if( session_start() )
{
    $post_resubmitted = isset( $_SESSION[ 'post_hash' ] ) && $_SESSION[ 'post_hash' ] == $post_hash;
    $_SESSION[ 'post_hash' ] = $post_hash;
    session_write_close();
}
else
{
    $post_resubmitted = false;
}

if ( $post_resubmitted ) {
  // POST was resubmitted
}
else
{
  // POST was submitted normally
}

Answer 13

只需在使用表单数据后将其重定向到同一页面即可。 我试过了。

header('location:yourpage.php');

Answer 14

基本上，您需要从该页面重定向，但在您的互联网速度较慢时仍然会出现问题（从服务器端重定向 header）

基本场景示例：

点击提交按钮两次

解决方法

• 客户端

  • 客户端单击后禁用提交按钮
  • 如果您使用 Jquery： Jquery.one
  • PRG模式

• 服务器端

  • 发送请求时使用基于区分的哈希时间戳/时间戳。
  • 用户请求令牌。 当主加载时分配一个临时请求令牌，如果重复则忽略该令牌。

Answer 15

如何防止 php 表单重新提交而无需重定向。 如果您使用 $_SESSION（在 session_start 之后）和 $_POST 表单，您可以执行以下操作：

if ( !empty($_SESSION['act']) && !empty($_POST['act']) && $_POST['act'] == $_SESSION['act'] ) {
  // do your stuff, save data into database, etc
}

在您的 html 表格中输入：

<input type="hidden" id="act" name="act" value="<?php echo ( empty($_POST['act']) || $_POST['act']==2 )? 1 : 2; ?>">
<?php
if ( $_POST['act'] == $_SESSION['act'] ){
    if ( empty( $_SESSION['act'] ) || $_SESSION['act'] == 2 ){
        $_SESSION['act'] = 1;
    } else {
        $_SESSION['act'] = 2;
    }
}
?>

因此，每次提交表单时，都会生成一个新的行为，存储在 session 中，并与发布行为进行比较。

Ps：如果您使用的是 Get 表单，您可以轻松地使用 GET 更改所有 POST 并且它也可以工作。

Answer 16

$_POST['submit'] 变量在页面初始加载时将不存在，并且只有在以下条件为真时才能运行 curl。

if($_POST['submit'] == "submit"){

// This is where you run the Curl code and display the output
  $curl = curl_init();



//clear $post variables after posting
$_POST = array();

}

Answer 17

将其插入数据库后，调用 unset() 方法清除数据。

未设置（$_POST）；

为防止刷新数据插入，请在插入记录后将页面重定向到同一页面或不同页面。

header('位置：'.$_SERVER['PHP_SELF']);

Answer 18

使用 Keverw 答案中的 Post/Redirect/Get 模式是一个好主意。 但是，您无法留在您的页面上（我认为这是您所要求的？）此外，它有时可能会失败：

如果 web 用户由于服务器延迟在初始提交完成之前刷新，导致在某些用户代理中重复 HTTP POST 请求。

如果文本应写入 SQL 数据库，则另一种选择是存储在 session 数据库中，如下所示：

if($_SERVER['REQUEST_METHOD'] != 'POST')
{
  $_SESSION['writeSQL'] = true;
}
else
{
  if(isset($_SESSION['writeSQL']) && $_SESSION['writeSQL'])
  {
    $_SESSION['writeSQL'] = false;

    /* save $_POST values into SQL */
  }
}

Answer 19

正如其他人所说，使用 post/redirect/get 是不可能的。 但与此同时，在服务器端做你想做的事情也很容易。

在您的 POST 页面中，您只需验证用户输入但不对其进行操作，而是将其复制到 SESSION 数组中。 然后，您再次重定向回主提交页面。 您的主要提交页面首先检查您正在使用的 SESSION 数组是否存在，如果存在，请将其复制到本地数组并取消设置。 从那里你可以采取行动。

这样你只做一次你所有的主要工作，实现你想做的事情。

Answer 20

之后我寻找解决方案以防止在一个巨大的项目中重新提交。 该代码高度适用于 $_GET 和 $_POST，我无法更改表单元素的行为而不会出现无法预料的错误风险。 所以，这是我的代码：

<!-- language: lang-php -->
<?php

// Very top of your code:

// Start session:
session_start();

// If Post Form Data send and no File Upload
if ( empty( $_FILES ) && ! empty( $_POST ) ) {
    // Store Post Form Data in Session Variable
    $_SESSION["POST"] = $_POST;
    // Reload Page if there were no outputs
    if ( ! headers_sent() ) {
        // Build URL to reload with GET Parameters
        // Change https to http if your site has no ssl
        $location = "https://" . $_SERVER['HTTP_HOST'] . $_SERVER['REQUEST_URI'];
        // Reload Page
        header( "location: " . $location, true, 303 );
        // Stop any further progress
        die();
    }
}

// Rebuilt POST Form Data from Session Variable
if ( isset( $_SESSION["POST"] ) ) {
    $_POST = $_SESSION["POST"];
    // Tell PHP that POST is sent
    $_SERVER['REQUEST_METHOD'] = 'POST';
}

// Your code:
?><html>
    <head>
        <title>GET/POST Resubmit</title>
    </head>
    <body>

    <h1>Forms:</h1>
    <h2>GET Form:</h2>
    <form action="index.php" method="get">
        <input type="text" id="text_get" value="test text get" name="text_get"/>
        <input type="submit" value="submit">
    </form>
    <h2>POST Form:</h2>
    <form action="index.php" method="post">
        <input type="text" id="text_post" value="test text post" name="text_post"/>
        <input type="submit" value="submit">
    </form>
    <h2>POST Form with GET action:</h2>
    <form action="index.php?text_get2=getwithpost" method="post">
        <input type="text" id="text_post2" value="test text get post" name="text_post2"/>
        <input type="submit" value="submit">
    </form>
    <h2>File Upload Form:</h2>
    <form action="index.php" method="post" enctype="multipart/form-data">
        <input type="file" id="file" name="file">
        <input type="submit" value="submit">
    </form>

    <h1>Results:</h1>
    <h2>GET Form Result:</h2>
    <p>text_get: <?php echo $_GET["text_get"]; ?></p>
    <h2>POST Form Result:</h2>
    <p>text_post: <?php echo $_POST["text_post"]; ?></p>
    <h2>POST Form with GET Result:</h2>
    <p>text_get2: <?php echo $_GET["text_get2"]; ?></p>
    <p>text_post2: <?php echo $_POST["text_post2"]; ?></p>
    <h2>File Upload:</h2>
    <p>file:
    <pre><?php if ( ! empty( $_FILES ) ) {
            echo print_r( $_FILES, true );
        } ?></pre>
    </p>
    <p></p>
    </body>
    </html><?php
// Very Bottom of your code:
// Kill Post Form Data Session Variable, so User can reload the Page without sending post data twice
unset( $_SESSION["POST"] );

它只能避免重新提交 $_POST，而不是 $_GET。 但这是我需要的行为。 重新提交问题不适用于文件上传！

Answer 21

对我有用的是：

if ( !refreshed()) {
   //Your Submit Here
        if (isset( $_GET['refresh'])) {
            setcookie("refresh",$_GET['refresh'], time() + (86400 * 5), "/");
        }

    }    
}


function refreshed()
{
    if (isset($_GET['refresh'])) {
        $token = $_GET['refresh'];
        if (isset($_COOKIE['refresh'])) {
            if ($_COOKIE['refresh'] != $token) {
                return false;
            } else {
                return true;
            }
        } else {
            return false;
        }
    } else {
        return false;
    }
}  


function createToken($length) {
    $characters = '0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ';
    $charactersLength = strlen($characters);
    $randomString = '';
    for ($i = 0; $i < $length; $i++) {
        $randomString .= $characters[rand(0, $charactersLength - 1)];
    }
    return $randomString;
}

?>

在你的表格中

 <form  action="?refresh=<?php echo createToken(3)?>">



 </form>

Answer 22

此form.php示例显示了如何正确使用 PRG（当表单有效或无效时）。

• 仅当表单有效且执行了操作时，它才会重定向到同一页面。
• 重定向可防止表单在页面刷新时重新提交。
• 它使用 session 在表单有效时不会丢失您想要显示的成功消息。
• 测试有两个按钮：“有效提交”、“无效提交”。 尝试两者并在此之后刷新页面。

<?php
session_start();

function doSelfRedirect()
{
  header('Location:'.$_SERVER['PHP_SELF']);
  exit;
}

function setFlashMessage($msg)
{
  $_SESSION['message'] = $msg;
}

function getFlashMessage()
{
  if (!empty($_SESSION['message'])) {
    $msg = $_SESSION['message'];
    unset($_SESSION['message']);
  } else {
    $msg = null;
  }

  return $msg;
}

if ($_SERVER['REQUEST_METHOD'] === 'POST') {
  // Validation primitive example.
  if (empty($_POST['valid'])) {
    $formIsValid = false;
    setFlashMessage('Invalid form submit');
  } else {
    $formIsValid = true;
  }

  if ($formIsValid) {
    // Perform any actions here.
    // ...

    // Cool!
    setFlashMessage('Form is valid. Action performed.');

    // Prevent form resubmission.
    doSelfRedirect();
  }
}
?>
<h1>Hello form</h1>

<?php if ($msg = getFlashMessage()): ?>
  <div><?= $msg ?></div>
<?php endif; ?>

<form method="post">
  <input type="text" name="foo" value="bar"><br><br>
  <button type="submit" name="invalid" value="0">Invalid submit</button>
  <button type="submit" name="valid" value="1">Valid submit</button>
</form>

Answer 23

if (($_SERVER['REQUEST_METHOD'] == 'POST') and (isset($_SESSION['uniq']))){
    if($everything_fine){
        unset($_SESSION['uniq']);
    }
}
else{
    $_SESSION['uniq'] = uniqid();
}

$everything_fine 是表单验证的 boolean 结果。 如果表单未验证，则通常应再次显示并提示要更正的内容，以便用户可以再次发送。 因此，如果需要更正的形式，也会再次创建 $_SESSION['uniq']

Answer 24

为什么不直接使用$_POST['submit']变量作为逻辑语句来保存表单中的任何内容。 您始终可以重定向到同一页面（如果他们刷新，并且当他们在浏览器中点击go back时，将不再设置提交 post 变量。只需确保您的提交按钮的name和id为submit 。