使用 HTML 文件，是否可以在按下提交时将用户保持在同一页面上？ jQuery 和/或 PHP？答案

【问题标题】：With an HTML file, is it possible to keep the user on the same page upon pressing submit? jQuery and/or PHP?使用 HTML 文件，是否可以在按下提交时将用户保持在同一页面上？ jQuery 和/或 PHP？
【发布时间】：2012-09-19 20:40:05
【问题描述】：

在以下页面上：http://christianselig.com/contact.html 我想要它，所以当他们单击发送消息时，它将使用 PHP 发送消息并将它们保持在同一页面上，也许将提交按钮更改为成功消息。

PHP 和 jQuery 可以做到这一点吗？

【问题讨论】：

它是，使用 AJAX。阅读有关如何使用 jQuery.post() 发送请求的更多信息，然后在遇到问题时显示一些代码。

标签： php jquery html

【解决方案1】：

是的。使用Ajax 和event.preventDefault() 提交表单，然后使用DOM manipulating functionality 更新您的页面。

【讨论】：

【解决方案2】：

看看使用ajax提交页面

$.ajax({
        cache: true,
        type: 'post',
        data: { name: $('#Name').val(), email: $('#email').val(), message: $('#Message').val()  },
        url: "/controller/sendMessage",
        success: function (msg) {
            //do something

        }
    });

确保您的控制器没有响应，只需将 Json 包装的成功消息传回

【讨论】：

【解决方案3】：

是的，这是可能的，根据我的经验，这是两种方法之一。

您当然可以使用 AJAX，这对于用户来说会更加流畅，但当然会更难一些。
如果您不介意用户重新加载页面，那么您可以添加一个action="./contact.html?submit=true，它只会重新加载页面，然后您让表单检查submit 变量是否在@987654323 中设置@全局变量。

希望这会有所帮助。 :)（对不起，如果这属于 cmets，由于某种原因，我实际上无法在主页的 cmets 中发布。）

【讨论】：