javascript - 值未传递到 process.php

Question

下面的脚本有助于处理请求数字和名称值的表单，然后将其发送到 process.php，还显示确认并隐藏将向表单触发模式的按钮，以便用户无法重试填写表格。

处理传递数据到process.php的脚本

  $(document).ready(function () {

function successHandler(){
    console.log('Success');
    $("#thanks").html(msg);
    $('#form-content').modal('hide');
}

function errorHandler(){
    console.log('Error');
    alert("Error");
}

var nameval = $('#name').val();
var numberval = $('#number').val();

$("form#contact").submit(function(){
    $.ajax({
        type: "POST",
        url: "process.php",
        data: {
            name: nameval,
            number: numberval,
            submit: true 
        },
        success: function(msg){
            $("#thanks").html(msg);
            $('#form-content').modal('hide');
            return false;
        },
        error: function(){
            alert("Error");
            return false;
        }
    });
    return false;
   });
});

整个操作确实从 process.php 脚本生成一封包含 HTML 的电子邮件，但不包括从表单捕获的数据，我相信此脚本中存在错误，因为我在表单或流程上找不到任何内容.php 正在使用 PHPMail() 做任何错误的事情。

你能帮忙吗？

更新

    <?php
if (isset($_POST['submit'])) {
$name = ($_POST['name']);
$number = ($_POST['number']);
echo "<span class=\"alert alert-success\">THANKS! SUBMITTED</span>";

$to = "EMAIL BLANKED";
$subject = "Alert!";

$message = "name: $name number: $number";

// Always set content-type when sending HTML email
$headers = "MIME-Version: 1.0" . "\r\n";
$headers .= 'Content-type: text/html; charset=iso-8859-1' . "\r\n";
// More headers
$headers .= 'From: <email blank>' . "\r\n";

mail($to,$subject,$message,$headers);
}
 else { echo '<div class="alert alert-error">Error</div>' ; }
?>

Answer 1

你应该放这两行:

var nameval = $('#name').val();
var numberval = $('#number').val();

像这样的提交函数内部

$("form#contact").submit(function(){
var nameval = $('#name').val();
var numberval = $('#number').val();

因为如果您在提交表单之前设置变量的值，则输入很可能为空。