javascript - 从输入中获取数据并在提交按钮上单击控制台记录数据

Question

当用户输入他的姓名、电子邮件、主题、文本、电话时，我尝试发送包含数据的电子邮件。这封电子邮件被发送到像 email@gmail.com 这样的电子邮件，在我的情况下，该网站是针对酒店的特定电子邮件，所以酒店的电子邮件。 以下代码不起作用，并且在单击“#submit”按钮时不显示任何数据。我找不到它不工作的原因。它是带有表单标记或 javascript 内某处的东西

Javascript/Jquery:

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js?ver=3.0.1"></script>
        <script>

            $(document).ready(function(){
                $("#submit").click(function(){
                    var email = $("#email").val();  
                    var name = $("Name").val();
                    var subject = $("Subject").val();
                    var text = $("textarea").val();
                    var telephone = $("tel").val();
                    var data = "email : "+email + "name : " + name + "subject : " + subject + "text : "+text + "telephone : " + telephone;
                    console.log(data);
                });
            });

HTML:

<form action="POST">
                    <label for="email">Email:</label>           
                    <input type="text" name="email" id="email">
                    <label for="Name">Name:</label>
                    <input type="text" name="Name" id="Name">
                    <label for="Subject">Subject:</label>
                    <input type="text" name="Subject" id="Subject">
                    <label for="text">Text:</label>
                    <textarea name="text" id="textarea" cols="30" rows="5" ></textarea>
                    <label for="Tel">Telephone:</label>
                    <input type="text" name="Telephone" id="tel">
                    <br><br>
                    <input type="button" value="send" id="submit">  
                </form>

稍后将为此任务添加 AJAX 脚本:

$(document).ready(function(){
                $("#submit").click(function(){
                    var email = $("#email").val();  
                    var name = $("Name").val();
                    var subject = $("Subject").val();
                    var text = $("textarea").val();
                    var telephone = $("tel").val();
                    var varData = "email : "+email + "name : " + name + "subject : " + subject + "text : "+text + "telephone : " + telephone;
                    console.log(data);

                    $.ajax({
                        type: "POST",
                        url: 'sendPHP.php',
                        data : varData,
                        success: function(){
                            alert("message sent");
                        }
                    });
                });
            });

在sendPHP.php文件中的代码如下:

<?php 
   $name = $_POST['email'];
   and so on ..
   ..
  ..
mail(something that sends above data to partcularEmail@gmail.com);
?>

Answer 1

将点击功能替换为

$("#submit").click(function(){
                    var email = $("#email").val();  
                    var name = $("#Name").val();
                    var subject = $("#Subject").val();
                    var text = $("#textarea").val();
                    var telephone = $("#tel").val();
                    var varData = {"email":email,"name":name,"subject":subject,"text":text,"telephone":telephone};
                    console.log(varData);

                    $.ajax({
                        type: "POST",
                        url: 'login.php',
                        data : varData,
                        success: function(){
                            alert("message sent");
                        }
                    });
                });