檢測從表單提交中加載的頁面

Question

我有一個包含以下代碼的搜索表單：

<form id="search_form" action="index.php" method="post">

在同一頁面上提供搜索結果的 PHP 代碼由以下因素觸發：

if (isset($_POST['search'])) {

我在這個頁面上也有在頁面加載時運行的 javascript（使用 addEventListener）。 由於頁面是通過表單提交重新加載的，因此腳本會再次運行。 這是不希望的。 因此，我想檢測表單已提交並避免調用javascript。 如果有一種方法可以讓 Javascript 檢測到 $_POST['search'] 已設置，我就可以做到。

另一種說法......如果頁面重新加載來自表單提交，我希望最初加載的腳本被阻止。

我如何使用 vanilla JS 實現我的目標？

Answer 1

只需將所需的 JavaScript 代碼放在一個 PHP 條件中，該條件僅在未設置$_POST值時運行：

<?php
if (!isset($_POST['search'])) {
?>
  <script>
  // Code to run on initial page load
  </script>
<?php
}
?>

或者，如果您希望將其包含在 PHP 中以保持代碼清晰：

<?php
if (!isset($_POST['search'])) {
  echo "<script>Code to run on initial page load</script>";
}
?>