使用jquery.post（）时$ _POST上的未定义索引

Question

This is my PHP script:

<?php
    require_once 'PHPMailerAutoload.php';
    $mailApp = new PHPMailer();
 
    $name = $_POST['name'];
    $message = $_POST['message'];
    $email = $_POST['email'];
 
$mailApp->From = $email;
$mailApp->FromName = $name;
    $mailApp->Subject = 'Contacto de http://profile.cv.hsoto.me';
$mailApp->Body = $message;
    $mailApp->AddAddress('[e-mail]', 'Hector Soto');
    if($mailApp->Send()){
        echo '<div class="alert alert-success text-center">Su mensaje fue enviado. Gracias por ponerse en contacto conmigo.</div>';
    } else {
        echo '<div class="alert alert-danger text-center">El mensaje no se pudo enviar. Por favor intente de nuevo o mándelo al <a href="mailto:[e-mail]">hacer click aquí</a>.</div>';
}
 
?>

Pretty straightforward, it sends an email.

This is my jquery script:

$('#cmdSendMessage').on('click', function(e){
e.preventDefault();
        var message, name, email, error = "";
        email = $('#uemail').val();
        message = $('#umessage').val();
        name = $('#uname').val();
        if(email == "" || message == "" || name == ""){
            error = '<div class="alert alert-danger text-center">Uno o más campos están vacíos.</div>';
            $('#error-spot').append(error);
        }else if(!validateEmail(email)){
            error = '<div class="alert alert-danger text-center">El correo no es válido, su formato es incorrecto.</div>';
            $('#error-spot').append(error);
        } else{
            $.post('sendMail.php', 
                   {name : name, message : message, email : email}
).done(
                        function(data){
                        $('#error-spot').append(data); 
}).fail(
                        function(data){
                        $('#error-spot').append('<div class="alert alert-danger text-center">Hubo un error y no se pudo mandar el correo. Hacerlo manualmente al <a href="mailto:[e-mail]">[e-mail]</a></div>');    
})
}
});

It processes data and sends the email, however, it thorws an error:

Any ideas why this might be happening?

EDIT:

When looking on the network tab on chrome, they are actually sent:

Which makes this even more weird that they are not being captured on the other side.

Answer 1

The answer to this question is pretty obvious, yet it happens to most of us at any given point on our programming life.

else{
            $.post('sendMail.php', 
                   {name : name, message : message, email : email}
).done(
                        function(data){
                        $('#error-spot').append(data); 
}).fail(
                        function(data){
                        $('#error-spot').append('<div class="alert alert-danger text-center">Hubo un error y no se pudo mandar el correo. Hacerlo manualmente al <a href="mailto:[e-mail]">[e-mail]</a></div>');    
})
}

The $.post shorthand method is easily a one line piece of code, the problem is that for readability, programmers tend to put it in many lines as the original post has it.

After chaining the methods, some people often forget to put a semicolon right at the end of the final callback function.

In this case, right at the end of the .fail() callback function.