Question

I’m completely stumped on this. I’m trying to use jQuery ajax function to send POST data to an email script.

Here is the jQuery code.

$('#bas-submit-button').click(function () {
    var baslogo = $('input#bas-uploaded-logo').val();
    var basscent = $('input[name="scent"]:checked').val();
    var bascolor = $('input[name="color"]:checked').val();
    var basdistributor = $('select#bas-distributor-name').val();
    var basname = $('input#bas-contact-name').val();
    var basemail = $('input#bas-contact-email').val();
    var bascontactphone = $('input#bas-contact-phone').val();
    var emailReg = /^([\w-\.]+@([\w-]+\.)+[\w-]{2,4})?$/;
    var baspantone = $('input#pantone').val();
    var basclip = $('input[name="clip-name"]:checked').val();
    var dataString = 'bas-contact-name=' + basname + '&bas-contact-email=' + basemail + '&bas-contact-phone=' + bascontactphone + '&bas-uploaded-logo=' + baslogo + '&scent=' + basscent + '$color=' + bascolor + '&clip-name=' + basclip + '&pantone=' + baspantone + '&bas-distributor-name=' + basdistributor;
    $.ajax({
        type: "POST",
        url: "build-a-smen-submit.php",
        data: dataString,
        success: function () {
            $("#bas-submit-message").removeClass("error").addClass("success").html("Virtual Sample Submitted!").fadeIn(200).delay(5000).fadeOut(200);
        }
    });
    return false;
});

And my PHP script.

<?

/* config start */
$emailAddress = '*****';
$ccAddress = '*****';
/* config end */

require "class.phpmailer.php";

session_start();

if($_POST['bas-submit-button']=='Submit'){

$msg='Name: '.$_POST['bas-contact-name'].'<br />
Email: '.$_POST['bas-contact-email'].'<br />
Phone: '.$_POST['bas-contact-phone'].'<br /><br />
Options<br /><br />
Logo File: '.$_POST['bas-uploaded-logo'].'<br />
Scent Selection: '.$_POST['scent'].'<br />
Accent Color: '.$_POST['color'].'<br />
Name on clip: '.$_POST['clip-name'].'<br />
Pantone Colors: '.$_POST['pantone'].'<br />
Distributor: '.$_POST['bas-distributor-name'].'<br /><br />
Submitting IP:  '.$_SERVER['REMOTE_ADDR'];

$mail = new PHPMailer();
$mail->IsMail();
$mail->AddReplyTo($_POST['bas-contact-email'], $_POST['bas-contact-name']);
$mail->AddAddress($emailAddress);
$mail->AddCC($ccAddress);
$mail->SetFrom($_POST['bas-contact-email'], $_POST['bas-contact-name']);
$mail->Subject = 'Build-A-Smen Promotional Product Interest';
$mail->MsgHTML($msg);
$mail->Send();

if($_POST['ajax']){
    echo '1';
}
else{
    if($_SERVER['HTTP_REFERER'])
        header('Location: '.$_SERVER['HTTP_REFERER']);
    exit;
}

};

?>

I believe that the problem lies somewhere in the sending of the POST data from jQuery. If I comment out my jQuery code the php script works fine, but when I run it with the jQuery ajax function I get the ajax success function firing but no email.

Answer 1

Your problem is the data: dataString.

Either serialize like previously stated or try something similair to this:

data : { basscent : basscent, bascolor : bascolor, } etc.