如何在不完全更改页面的情况下发送联系表

Question

我希望将联系表替换为消息 "Your message has been sent!"，而无需像 the case which I show here 中那样更改页面。

这是我的代码：jsfiddle。net/g1o79t49/1/

Answer 1

1°方法

在发送电子邮件时将您的 php 脚本重定向到联系页面，然后在上面显示 "Your message has been sent!"。

这是一个例子：

send_mail.php

<?php
$to      = 'nobody@example.com';
$subject = 'the subject';
$message = 'hello';
$headers = 'From: webmaster@example.com' . "\r\n" .
           'X-Mailer: PHP/' . phpversion();

if(mail($to, $subject, $message, $headers)){
    header('Location: ./contact.php?msg_sent=true');
}else{
    header('Location: ./contact.php?msg_sent=false');
}
?>

contact.php

<!DOCTYPE html>
<html>
<head>
<title>Title of the document</title>
<style>...</style>
</head>

<body>

<?php
if ($_GET[msg_sent]=='true') {
    echo "<div class="someClass">Your message has been sent!</div>";
}elseif ($_GET[msg_sent]=='false') {
    echo "<div class="someClass">An error occurred sending your message.</div>";
}else{
?>

<form method="POST" action="./send_mail.php">
...
</form>

<?php } ?>

</body>

</html>

2°方法

使用AJAX.

做这样的事情：

<form id="contactForm1" action="/your_url" method="post">
    ...
</form>

<script type="text/javascript">
    var frm = $('#contactForm1');
    frm.submit(function (ev) {
        $.ajax({
            type: frm.attr('method'),
            url: frm.attr('action'),
            data: frm.serialize(),
            success: function (data) {
                alert('Your message was sent!');
            }
        });

        ev.preventDefault();
    });
</script>

如何在不完全更改页面的情况下发送联系表

How to send contact form without changing the page altogether

css

php

contact-form