javascript - 检测页面已从表单提交加载

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>";
}
?>