联系方式:Ajax、php、Jquery:

• 我的联系方式很好:我收到电子邮件!但我不确定这是否真的是Ajax请求,即使我使用 $.ajax() 因为在我的终端没有XHR请求。。。
• 我想在发送电子邮件时显示一条消息,如“感谢您的消息”,但该消息仅出现一秒钟,页面被重新格式化,因此所有信息都被清除。我和一个 e.preventDefault()

谢谢你的回答和帮助。

连续视图:

<section class="form_container">
        <form class="contact_form" id="contact_form" method="post" action="index.php?action=contact"> 
            <input class="firstname form" type="text" name="firstname" placeholder="Nom" id="firstname" required>
            <span class="error-message"></span><br/>
            <input class="lastname form" type="text" name="lastname" placeholder="Prénom" id="lastname" required>
            <span class="error-message"></span><br/>
            <input class="email form" type="text" name="email" placeholder="Email" id="email" required>
            <span class="error-message"></span><br/>
            <input class="object form" type="text" name="object" placeholder="Objet" id="object" required>
            <span class="error-message"></span><br/>
            <textarea class="content form" name="content" placeholder="Votre message" id="content" cols="30" rows="10" required></textarea>
            <span class="error-message"></span><br/>
            <input class="envoyer form" type="submit" name="submit" value="Envoyer" id="submit"><br/>
        </form>
        <div id="msg-ok">Merci. Votre message a bien été envoyé.</div>
        <div id="msg-notok">Merci de renseigner correctement tous les champs .</div>

    </section>

联系方式:

// send messages with Ajax
    'use strict';
    $('#contact_form').submit(function() {

        nom = $(this).find("#firstname").val();
        prenom = $(this).find("#lastname").val();
        email = $(this).find("#email").val();
        object = $(this).find("#object").val();
        message = $(this).find("#content").val();

        $.ajax({
            type: "POST",
            data: { 
                nom:nom, 
                prenom:prenom, 
                email:email, 
                object:object, 
                content:content 
            },
            url: 'http://www.projet-5.pauline-superweb.com/index.php?action=contact',
            success: function(data) {
                $("#contact_form").hide();
                $('#msg-ok').fadeIn();  
            },
            error: function() {
                $('#msg-notok').fadeIn();
            }
        })
    });
});

function contact()
{
    if (isset($_POST['submit'])) {

        $e = array();
        $e['error'] = "Formulaire non valide";

        if(isset($_POST['firstname']) && isset($_POST['lastname']) && isset($_POST['object']) && isset($_POST['content']) && !filter_var($_POST['email'], FILTER_VALIDATE_EMAIL)) {
            $e['email_invalide'] = "email_invalide";
        } else {
            $e['error'] = 'Ok';
            $nom = $_POST['firstname'];
            $prenom = $_POST['lastname'];
            $email = $_POST['email'];
            $object = $_POST['object'];
            $content = $_POST['content'];

            $to = 'contact.super.web@gmail.com';
            $sujet = $object;
            $message = $content;
            $headers = 'From ' . $nom . ' ' . $prenom . ' ' . $email;
            mail($to, $sujet, $message, $headers);
        } 
    } 

    ob_start();
    include('views/frontend/site/contactView.php');
    $content = ob_get_clean();
    require("views/frontend/site/template.php");
}