如何使用 javascript 检测 php POST？

Question

我的情况

我有一段 javascript 可以对 form.php 上的 web 表单进行多次操作。表单设置为action="form.php"，因此在提交时会自行加载。 webform 只建if (!isset($_POST['submit']))，所以发布后，构成webform 的输入元素和容器都不存在。这通常是代码的结构：

<?php if (!isset($_POST['submit'])) { 
//the form has not been submitted
?>
  <form action="<?php $_SERVER['PHP_SELF']?>" method="post" id="form" name="form">
    <!-- general input elements -->
    <input type="submit" name="submit" value="Send">
  </form>
<?php }
else {
// the form has been submitted
  // posted values are submitted to a database
}
?>

尽管如此，javascript 仍会尝试对这些元素进行操作。由于这些不再存在，因此会发生错误。对于某个 HTMLElement 的每次操作，我都可以使用一堆 if (HTMLElement) 语句，但我希望有一个更可靠、更通用的解决方案。

问题

鉴于表单提交到其页面，并且不能在 POST 后简单地继续显示表单，您有什么建议可以检测到网络表单的 POST 并关闭我的 javascript 的某些部分吗？

一个更普遍的问题是：

javascript如何检测php POST？

Answer 1

想到的一件事是这样的：

<?php if ($_SERVER['REQUEST_METHOD'] == 'POST') $isPost = true; ?>

// later on in your script

<?php if (!$isPost): ?>
<script type="text/javascript">
// the JS code that manipulates your form
</script>
<?php endif; ?>

基本上，如果表单已发布，则不要渲染操作它的 JS 代码。如果该代码与您总是希望包含的其他代码混合在一起，那么您将不得不稍微改变它的工作方式。在这种情况下，您可以尝试：

<script type="text/javascript">
var isPost = <?php echo $isPost ? 'true' : 'false' ?>;

if (!isPost) {
    document.getElementById('blah').doSomething();
}
</script>