Question

I’ve gotten my form to submit via PHP but I’m struggling a bit with the AJAX. Upon submission, the error always comes up as if res is set to false rather than true. I’ve tried toying around with the code and searching for my own answer because I do want to learn, but I’m not finding what I need.

May you please point me in the right direction as to what I’ve done improperly?

Thank you so very much!

The code for your reference:

$('#contact_form').submit(function() {

    var this_form = $(this);
    $.ajax({
        type: 'post',
        data: this_form.serialize(),
        url: 'scripts/send_email.php',
        success: function(res) {
            if(res == "true") {
                $(this_form)[0].reset();
                $(".notice").removeClass("error").text("Thank you for contacting us!").addClass("success").fadeIn("fast");
            } else {
                $(".notice").text("Please check all fields and try again.").addClass("error").fadeIn("fast");
            }
        }
    });

});

Answer 1

try to ask for:

if(res == true)

instead. Also a good way to avoid this kind of problems is to debug your javascript via firebug or the chrome debugger, if you are using chrome you could add this line to your code:

debugger;
if(res == "true")

and the javascript will stop there so you can inspect the variable and see what’s happening. you can open it by going to “options –> tools –> developer tools –> scripts”.

Hope this helps 🙂