Uncaught TypeError: Cannot read property 'message' of undefined

Question

I am trying to implement an AJAX contact form for my site, the problem I am encountering is that when I click on submit I get the following error in Google Chrome:

"Uncaught TypeError: Cannot read property 'message' of undefined----contact-form.js:38".

Please find the HTML code and contact-from.js.

Solution

The error is because responseJSON isn't a standard property or one that jQuery makes available for XMLHttpRequests.

You'll want to use responseText instead, which may be parsable:

contactForm.addAjaxMessage($.parseJSON(response.responseText).message, true);

// or
contactForm.addAjaxMessage(response.responseText, true);