刷新页面会反复提交表单

时间:2013-10-31 09:49:40

标签: javascript jquery forms browser

我在页面中有一个简单的表单。表单提交到同一页面。表单提交后,当我单击浏览器刷新按钮时,它要求重新发送表单,当我点击重新发送时,它再次提交表单。

我的代码或其正常的浏览器行为是否存在任何问题?

有没有办法阻止这个......

5 个答案:

答案 0 :(得分:4)

这是浏览器的正常行为。您可以通过在提交当前表单后重定向到其他页面来阻止此操作。

通常的解决方案是在执行POST请求后向GET请求发送重定向。这样客户端最终会在浏览器视图中获得GET请求。刷新它只会重新执行不会(不应该)修改任何内容的GET请求。

答案 1 :(得分:1)

这是正常行为。防止使用其他页面提交并重定向回表单。

答案 2 :(得分:0)

是正常行为。当您提交表单时,即使是同一页面,浏览器也会发出请求。刷新按钮发送相同的请求。因此多次提交。

并且没有...你不能做任何事情,除非ajax提交表格。

答案 3 :(得分:0)

这是浏览器的正常行为,如果它检测到POST请求并刷新页面,您的浏览器将自动询问您是否必须再次发送请求。为了防止......好..你可以简单地重定向到另一个页面,或者仔细检查服务器端的表单提交(看看是否没有双重)

答案 4 :(得分:0)

这是一种正常行为,但您可以在治疗结束时添加重定向到同一页面而无需POST:

<?php
// set to true to display a waiting message "Thanks you, you will be redirected in 5 sec."
$wait_before_refresh = false;
if (isset($_POST['myButton']))
{
  // process to your checks, do whatever you want
  // ...
  if ($wait_before_refresh)
  { 
    $html_redirect = <<<HTML_REDIR
<!DOCTYPE html>
<html><head><title>Thanks you !</title>
<meta http-equiv="refresh" content="5;URL='/'" />
</head>
<body>Thanks you, you will be redirected in 5 sec.</body></html>
HTML_REDIR;
    echo $html_redirect;
  }
  else
  {
    header('Location : /');
    exit;
  }
}
?>
<form method="POST" action="/"><input type="submit" name="myButton" value="clicked" /></form>