Php 使用Ajax调用从单页webapp提交表单

有谁知道一个很好的教程，其中介绍了如何从sing页面提交表单？我的html代码中有几个页面视图，其中一个是带有三个字段（名称、电子邮件和消息）的表单。我试图实现的是通过Ajax提交表单数据，而不直接使用process.php

表格如下：

<section class="hidden" id="view-forms">
            <header>
                <button class="left arrow" data-vin="view-home" data-sd="sr">
                    <div class="label">All Contacts</div>
                </button>
                <h1>Message</h1>
                <button class="right bold green" data-vin="view-done" data-sd="sl">
                    <div class="label">Send</div>
                </button>
            </header>
            <div class="scrollMask"></div>
            <div class="scrollWrap">
                <div class="scroll">
                <div class="content">
                    <input placeholder="Name" type="text" />
                    <input placeholder="Email" type="email" />
                    <textarea placeholder="Your Message" rows="5"></textarea>
                </div>
            </div>
            </div>
        </section>

所有联系人
消息
邮寄

这是消息发送后的确认页面：

<section class="hidden" id="view-done">
            <header>
                <h1>That's it!</h1>
                <button class="right bold" data-vin="view-home" data-sd="popout">
                    <div class="label">Done</div>
                </button>
            </header>
            <div class="scrollMask"></div>
            <div class="scrollWrap">
                <div class="scroll">
                <div class="content">
                    <h2>Message sent!</h2>
                </div>
            </div>
            </div>
        </section>

就这样！
多恩
消息已发送！

---

请告诉我你们中是否有人已经实现了类似的功能。谢谢。

您可以提交到同一个PHP页面。您只需要一个if语句将生成页面的代码与提交表单的代码分开。也就是说，您可能只需要创建第二个PHP脚本来处理表单提交。如果您想使用If语句实现它，我会在GET/POST请求中添加一条信息，如下所示：

'formSubmission='+true

好的，更多的细节，看看这个，它超过了基本的。在你的情况下，试试这个（注意：我没有测试过任何一个）。另外，为每个元素添加一个ID（我假设它们与当前的name属性相同，并且textarea会有ID消息）

下面是PHP：

if(isset($_POST['formSubmission'])){
    $name = $_POST['name'];
    $email = $_POST['email'];
    $message = $_POST['message'];
    //code that handles the form data that has now been passed to PHP
}

---

只是想一想，不要提交到当前所在的PHP页面。创建一个新文件并将代码粘贴到该文件中。它会更干净。

这应该会有帮助：感谢您关注我的问题，但我对使用Ajax还不熟悉，我想我需要一个更详细的示例。感谢代码，我将尝试它，并让您知道结果，以便将您的答案标记为已接受。您好Superlizardmo。。。这里是我试图通过AJAX发送的表单的链接。我已经听从了你的指示。用上面的代码，我什么也做不到。请看一下这个链接，我试图实现的是，当您单击“发送”时，信息会通过ajax发送到服务器…我还想添加一些代码，以便在发送电子邮件时自动响应。感谢您在看到我正在使用的表单链接后为我提供的任何其他帮助。您好Superlizardmo，你看到我上次的帖子了吗？

if(isset($_POST['formSubmission'])){
    $name = $_POST['name'];
    $email = $_POST['email'];
    $message = $_POST['message'];
    //code that handles the form data that has now been passed to PHP
}