javascript - 当用户刷新网页时阻止表单提交

Question

我有一个简单的表单按钮点击计数器，效果很好，但是当用户刷新页面时，它会再次添加到计数器上。如果有人能帮助我编写下面编写的代码，我将不胜感激。

PHP 代码

<?php
if( isset($_POST['clicks']) ) { 
    incrementClickCount();
}

function getClickCount()
{
    return (int)file_get_contents("clickcount.txt");
}

function incrementClickCount()
{
    $count = getClickCount() + 1;
    file_put_contents("clickcount.txt", $count);
}
?>

HTML 和 PHP 表单代码

<form action="<?php $_SERVER['PHP_SELF']; ?>" method="post">
            <input type="submit" value="click me!" name="clicks">
        </form> <div>Click Count: <?php echo getClickCount(); ?></div>

Answer 1

为了防止这种情况，您需要实现 POST/REDIRECT/GET pattern .