我需要更改其标记和 php 代码如下所示的表单,以便在不加载页面的情况下进行操作。所以它将是一个 Ajax PHP 表单。我对ajax很陌生。有人请指导我如何去做。我将不胜感激。
请注意,访问者填写的表格数据的副本应通过电子邮件发送给访问者。
标记如下:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>Contact form to email</title>
</head>
<body>
<div id="myemailform">
<form action="contact.php" method="post" name="myemailform">
Enter Name: <input name="name" type="text" />
Enter Email Address: <input name="email" type="text" />
Enter Message:<textarea name="message"></textarea>
<input type="submit" value="Send Form" />
</form>
</div>
<script type="text/javascript" src="myform.js"></script>
<script src="//ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
</body>
</html>
<html>
<head>
<meta charset="utf-8">
<title>Contact form to email</title>
</head>
<body>
<form method="post" name="myemailform" action="contact.php">
Enter Name: <input type="text" name="name">
Enter Email Address: <input type="text" name="email">
Enter Message: <textarea name="message"></textarea>
<input type="submit" value="Send Form">
</form>
</body>
</html>
PHP代码是(contact.php):
<?php
$name = $_POST['name'];
$visitor_email = $_POST['email'];
$message = $_POST['message'];
$email_from = 'me@mysite.com';
$email_subject = "New Form submission";
$email_body = "You have received a new message from the user $name.\n".
"Here is the message: $message.\n";
$aEmails = array();
$aEmails[] = 'me@mysite.com';
$aEmails[] = $visitor_email;
$headers = "From: $email_from \r\n";
$headers .= "Reply-To: $visitor_email \r\n";
foreach($aEmails as $aEmail) {
mail($aEmail,$email_subject,$email_body,$headers);
}
?>
JS代码:
$('form#myemailform').on('submit',function(e){
$.ajax({
type: 'post',
url: 'contact.php',
data: $('form#myemailform').serialize(),
success: function (res) {
alert(res);
}
});
e.preventDefault();
});
提前致谢。