Javascript 表单未通过ajax发送到php页面
我创建了一个表单,其中包含输入,我试图通过ajax调用将其发送到php表单,以便获取电子邮件 通过查看我的“网络”选项卡,我没有看到我的php文件Javascript 表单未通过ajax发送到php页面,javascript,php,jquery,ajax,forms,Javascript,Php,Jquery,Ajax,Forms,我创建了一个表单,其中包含输入,我试图通过ajax调用将其发送到php表单,以便获取电子邮件 通过查看我的“网络”选项卡,我没有看到我的php文件email project.php显示,除非我查找的位置错误。我不确定我做错了什么。我得到的唯一错误是ajax变量中此行的意外标记: var项目名称=$(“#项目名称”).val() 有人知道怎么回事吗 <form action="" autocomplete="on" method="POST" id="project-information-
email project.php
显示,除非我查找的位置错误。我不确定我做错了什么。我得到的唯一错误是ajax变量中此行的意外标记:
var项目名称=$(“#项目名称”).val()代码>
有人知道怎么回事吗
<form action="" autocomplete="on" method="POST" id="project-information-form">
<input type="text" class="input-borderless" id="project-name" placeholder="Your Name">
<input type="text" class="input-borderless" id="title-roll" placeholder="Title/Role">
<input type="email" class="input-borderless" id="project-email" placeholder="Email Address">
<input type="text" class="input-borderless" id="project-number" placeholder="Phone Number">
<input type="text" class="input-borderless" id="project-company" placeholder="Company/URL">
</div>
<div class="project-input-container2">
<textarea rows="3" class="input-borderless" id="project-description" placeholder="Describe the project"></textarea>
<input type="text" class="input-borderless" id="project-source" placeholder="How did you hear about us?">
<input type="text" class="input-borderless" id="project-socialMedia" placeholder="Which of our social media influenced you the most?">
<input type="text" class="input-borderless" id="project-humanTest" placeholder="Human Test: What day comess after Thursday?">
</div>
<input type="submit" id="submit-project" value="Send Project Inquiry">
</form>
PHP
ini\u集('display\u errors',1);
错误报告(E_全部);
$project\u name=$\u POST['project\u name'];
$title\u roll=$\u POST['title\u roll'];
$project\u email=$\u POST['project\u email'];
$project\U number=$\U POST['project\U number'];
$project\u description=$\u POST['project\u description'];
$project\u source=$\u POST['project\u source'];
$project_socialMedia=$_POST['project_socialMedia'];
$project\u humanTest=$\u POST['project\u humanTest'];
$to='电子邮件';
$subject='已发送项目查询表';
$message='FROM:'。$project\u name。“
”电子邮件:'.$project_电子邮件。“
”信息:'.$project_说明;
$headers='From:'。$project\u电子邮件。“\r\n”;
如果(!empty($email)){
如果(filter_var($email,filter_VALIDATE_email)){
//还应检查邮件功能
if(邮件($to、$subject、$message、$headers)){
回显“您的电子邮件已发送!”;//成功消息
}否则{
echo“邮件无法发送!”;//失败的邮件
}
}否则{
//无效电子邮件
echo“无效电子邮件,请提供有效的电子邮件地址。”;
}
}否则{
echo“电子邮件地址未填写。”;
}
JS教程101:变量名只能包含字母、数字和下划线。表单提交,页面重定向。您需要使用event.preventDefault()
或返回false在submit按钮事件处理程序中的code>停止该操作。在控制台中查看抛出的错误…事件在所有浏览器中都不是全局的,需要将as参数添加到事件处理程序中。还可以通过在元素上使用名称和serialize()
极大地简化要发送的数据收集。表单控件上应始终有名称$(“#提交项目”)。在(“单击”上,函数(事件).
正在请求…在开发工具网络中检查。页面是否仍在刷新?
$(document).ready(function(){
$("#submit-project").on("click", function () {
var project_name = $("#project-name").val();
var title_roll = $("#title-roll").val();
var project_email = $("#project-email").val();
var project_number = $("#project-number").val();
var project_company = $("#project-company").val();
var project_description = $("#project-description").val();
var project_source = $("#project-source").val();
var project_socialMedia = $("#project-socialMedia").val();
var project_humanTest = $("#project-humanTest").val();
$.ajax({
url: "email-project.php",
type: "POST",
data: {
"project_name": project_name,
"title_roll": title_roll,
"project_email": project_email,
"project_number": project_number,
"project_description": project_description,
"project_source": project_source,
"project_socialMedia": project_socialMedia,
"project_humanTest": project_humanTest
},
success: function (data) {
// console.log(data); // data object will return the response when status code is 200
if (data == "Error!") {
alert("Unable to send email!");
alert(data);
} else {
$(".announcement_success").fadeIn();
$(".announcement_success").show();
$('.announcement_success').html('Announcement Successfully Added!');
$('.announcement_success').delay(5000).fadeOut(400);
}
},
error: function (xhr, textStatus, errorThrown) {
alert(textStatus + "|" + errorThrown);
//console.log("error"); //otherwise error if status code is other than 200.
}
});
});
});
ini_set('display_errors', 1);
error_reporting(E_ALL);
$project_name = $_POST['project_name'];
$title_roll = $_POST['title_roll'];
$project_email = $_POST['project_email'];
$project_number = $_POST['project_number'];
$project_description = $_POST['project_description'];
$project_source = $_POST['project_source'];
$project_socialMedia = $_POST['project_socialMedia'];
$project_humanTest = $_POST['project_humanTest'];
$to = 'email';
$subject = 'Project Inquiry Form Sent';
$message = 'FROM: '.$project_name. "<br>" . ' Email: '.$project_email. "<br>" . 'Message: '.$project_description;
$headers = 'From:' .$project_email . "\r\n";
if (!empty($email)) {
if (filter_var($email, FILTER_VALIDATE_EMAIL)) {
//Should also do a check on the mail function
if (mail($to, $subject, $message, $headers)) {
echo "Your email was sent!"; // success message
} else {
echo "Mail could not be sent!"; // failed message
}
} else {
//Invalid email
echo "Invalid Email, please provide a valid email address.";
}
} else {
echo "Email Address was not filled out.";
}