[英]jQuery AJAX form using mail() PHP script sends email, but POST data from HTML form is undefined
伙计们,谢谢花时间看。 我正在使用jQuery创建一个非常基本的AJAX联系表单。 电子邮件发送,但在打开电子邮件时没有POST数据,所以我只是获取我在PHP脚本中定义的字符串。 在我手机的电子邮件客户端上,电子邮件的内容字面上显示为“未定义”。 我尝试添加不同类型的标头数据无济于事,以及PHP mail()函数的许多变体。
我非常愿意为简单的AJAX表单采用更简单的解决方案,所以提前感谢任何新方法。
这是表格:
<section id="left">
<label for="form_name">Name</label>
<input name="form_name" id="form_name" type="text" >
<label for="form_email">Email</label>
<input name="form_email" id="form_email" type="email" >
</section>
<section id="right">
<label for="form_msg">Message</label>
<textarea name="form_msg" id="form_msg"></textarea>
<input id="submit" class="button" name="submit" type="submit" value="Send">
</section>
</form>
jQuery AJAX:
$(function() {
$("#contact .button").click(function() {
var name = $("#form_name").val();
var email = $("#form_email").val();
var text = $("#msg_text").val();
var dataString = 'name='+ name + '&email=' + email + '&text=' + text;
$.ajax({
type: "POST",
url: "email.php",
data: dataString,
success: function(){
$('.success').fadeIn(1000);
}
});
return false;
});
});
PHP脚本(外部文件'email.php'):
<?php
if($_POST){
$name = $_POST['form_name'];
$email = $_POST['form_email'];
$message = $_POST['form_msg'];
//send email
mail("email@gmail.com", "This is an email from:" .$email, $message);
}
?>
无需创建查询字符串。 只需将您的值放在一个对象中,jQuery将为您处理剩下的事情。
var data = {
name: $("#form_name").val(),
email: $("#form_email").val(),
message: $("#msg_text").val()
};
$.ajax({
type: "POST",
url: "email.php",
data: data,
success: function(){
$('.success').fadeIn(1000);
}
});
保留您的email.php代码相同,但替换此JavaScript代码:
var name = $("#form_name").val();
var email = $("#form_email").val();
var text = $("#msg_text").val();
var dataString = 'name='+ name + '&email=' + email + '&text=' + text;
$.ajax({
type: "POST",
url: "email.php",
data: dataString,
success: function(){
$('.success').fadeIn(1000);
}
});
有了这个:
$.ajax({
type: "POST",
url: "email.php",
data: $(form).serialize(),
success: function(){
$('.success').fadeIn(1000);
}
});
这样您的表单输入名称就匹配了。
你使用错误的帖子参数:
var dataString = 'name='+ name + '&email=' + email + '&text=' + text;
^^^^-$_POST['name']
^^^^--$_POST['name']
etc....
javascript / html ID与实际的POST无关,尤其是当您构建自己的数据字符串并且不使用相同的ID时。
您使用了错误的参数名称,请尝试:
if($_POST){
$name = $_POST['name'];
$email = $_POST['email'];
$message = $_POST['text'];
//send email
mail("j.andrew.sears@gmail.com", "51 Deep comment from" .$email, $message);
}
你的代码应该是:
<section id="right">
<label for="form_msg">Message</label>
<textarea name="form_msg" id="#msg_text"></textarea>
<input id="submit" class="button" name="submit" type="submit" value="Send">
</section>
JS
var data = {
name: $("#form_name").val(),
email: $("#form_email").val(),
message: $("#msg_text").val()
};
$.ajax({
type: "POST",
url: "email.php",
data: data,
success: function(){
$('.success').fadeIn(1000);
}
});
PHP:
<?php
if($_POST){
$name = $_POST['name'];
$email = $_POST['email'];
$message = $_POST['text'];
//send email
mail("email@gmail.com","My Subject:",$email,$message);
}
?>
您的PHP脚本(外部文件'email.php')应如下所示:
<?php
if($_POST){
$name = $_POST['name'];
$email = $_POST['email'];
$message = $_POST['text'];
//send email
mail("j.andrew.sears@gmail.com", "51 Deep comment from" .$email, $message);
}
?>
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.