如何附加到表格“感谢您的电子邮件！”按下提交按钮后？

Question

我正在为我的网站构建一个联系表单，我希望用户输入他们的信息，单击提交，使用 php 进行信息处理，并在表单底部显示一条消息。最初，我正在重定向到另一个页面并且表单可以正常工作，但现在我只想附加一条小消息并且无法使其正常工作。

这是我目前在我的contactengine.php 文件中的内容，用于处理所有变量并发送电子邮件。

if ($success){

THIS IS WHAT I DID BEFORE THAT WORKED BUT HAS TO REDIRECT
// print "<meta http-equiv=\"refresh\" content=\"0;URL=index_thanks.html\">"; // 

//BELOW IS WHAT I WANT TO OCCUR
<script type="text/javascript">
  $("#contact-area").append("Thanks for your message!")
</script>

}

Answer 1

您不需要 JavaScript。 JavaScript 很棒，但它应该只在必要时使用，因为它会给用户体验增加一些脆弱性。

这是一种可能的设计方法：

• 设置 POST 表单

• 处理表单，设置会话变量以感谢用户，然后再次重定向到表单。这会将浏览器从 POST 模式切换到 GET 模式^†，通常就像这样简单：

  header('Location: http://yourdomain.com/form.php');
  exit();
  

• 像往常一样渲染表单。如果会话变量设置为感谢用户，则呈现感谢消息，并取消设置会话变量^‡

我不会在这里使用 <meta /> 刷新 - 它需要加载更多数据才能工作，而且实施起来更加繁琐。

---

^† POST 重定向方法是 Web 开发中常见的设计模式。如果您不熟悉它，网上有很多关于此的资源。它修复了与在 POST 方法中呈现 Web 内容相关的问题，尤其是与页面刷新和使用后退/前进按钮有关的问题。

^‡ 这些临时会话变量有时称为闪存变量。它们从一个 HTTP 操作到下一个操作都存在，并在第二个操作结束时被删除。

Answer 2

您不能将 JavaScript 放在 PHP 代码中。不过，我会解释你需要做什么。

在客户端，为点击绑定一个事件，然后

$('form button').click(function() {
    $.post('file.php', {'object': 'property'}, function(success) {
         if(success) {
             $("#contact-area").append("Thanks for your message!")
         }
    });
});

在服务器端，您将处理这个：

//file.php

$sentByAJAX = $_POST['object'];
return true;