Javascript 表单未通过ajax发送到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-

我创建了一个表单,其中包含输入,我试图通过ajax调用将其发送到php表单,以便获取电子邮件

通过查看我的“网络”选项卡,我没有看到我的php文件
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停止该操作。在控制台中查看抛出的错误…事件在所有浏览器中都不是全局的,需要将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.";
}