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

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

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

当前回答

我使用这个javascript行来阻止弹出窗口要求表单重新提交刷新一旦表单提交。

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

只需将这一行放在文件的页脚，就能看到神奇的效果

2018-09-23 08:33:34

其他回答

基本上，你需要重定向出该页面，但它仍然可以使一个问题，而你的互联网缓慢(重定向头从服务器端)

基本场景示例:

点击提交按钮两次

解决方法

客户端一旦客户端点击它，禁用提交按钮如果你使用Jquery: Jquery.one PRG模式服务器端使用基于差分的哈希时间戳/发送请求时的时间戳。 Userequest令牌。当主进程加载完成时，分配一个临时请求标记，如果重复则忽略该标记。

2016-06-08 01:28:31

我寻找解决方案，以防止在一个巨大的项目之后再次提交。代码高度工作与$_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的重新提交。但这是我需要的行为。重新提交的问题不工作的文件上传!

2018-08-22 08:47:09

使用Post/Redirect/Get模式。http://en.wikipedia.org/wiki/Post/Redirect/Get

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

2011-06-12 04:26:55

我使用这个javascript行来阻止弹出窗口要求表单重新提交刷新一旦表单提交。

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

只需将这一行放在文件的页脚，就能看到神奇的效果

2018-09-23 08:33:34

使用Keverw answer的Post/Redirect/Get模式是个好主意。然而，你不能留在你的页面上(我认为这是你所要求的?)此外，它有时可能会失败:

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

另一个选择是存储在会话中，如果文本应该像这样写入SQL数据库:

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

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

2016-06-22 14:58:34

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

推荐文章

最新文章

标签