为什么firefox和IE在单击按钮后不刷新页面？

Question

为什么firefox和IE在单击按钮后不刷新页面？

单击按钮后，将显示“确定”。然后刷新页面。

我在chrome，opera，safari上测试过，没问题。但是在firefox和IE上不刷新该怎么办？

test_1.php

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>

<form id="myForm" action="test_2.php" method="post">
    <button id="sub">Send</button>
</form>
<span id="result"></span>

<script type="text/javascript">
$("#sub").click( function() {
 $.post( $("#myForm").attr("action"), 
         $("#myForm :input").serializeArray(), 
         function(info){ $("#result").html(info); 
   });
 clearInput();
});

$("#myForm").submit( function() {
  return false; 
});
</script>

test_2.php

<?php
  echo "OK.";
  echo "<META HTTP-EQUIV = 'Refresh' Content = '2'>";
?>

Answer 1

如果使用AJAX，为什么要重新加载页面？它完全无视这种需求。元标记位于头部，在大多数浏览器中不是通过Ajax调用执行的

在test2.php中，您可以执行以下操作

// save your data here
$status = someFunctionReturningSomeString(parameters);
header("location: test_1.php?status=$status"); 

回到test1.php，测试该状态并将其显示给用户：

<? 
$status = $_GET["status"]; // perhaps some cleaning is needed too 
if (isset($status)) { 
   echo "<script>$(function() $("#result").html('".$status."')});</script>";
} ?>
<form id="myForm" action="test_2.php" method="post">
    <input type="submit" value="Send"/>
</form>

注意：请勿在标头之前回显任何内容，否则您将得到无法修改标头信息-标头已发送的信息

如果必须重新加载，最好执行以下操作，而不是返回meta标记

$("#myForm").on("submit", function(e) {
  e.preventDefault(); // cancel the form
  $.post( $("#myForm").attr("action"), 
     $("#myForm :input").serializeArray(), 
     function(info){ $("#result").html(info); 
     // allow the user to see the result perhaps?
     setTimeout(function() { location.reload(1)},3000); 
  });
  clearInput();
});

Answer 2

对于使用jQuery的用户，您可以执行以下操作：

<script>
 $(document).ready(function() {
     location.reload();
 });
</script>