Question

I have the following from the server response:

{"invalid_emails":["adsasdasd"],"result":"success","valid_emails":["[e-mail]"]}

But this errors?

            $.ajax({
                type: 'POST',
                url: '/users/invitation',
                data: $('#user_invitation_new').serialize(),
                success: function(e) {
                    jsonObject = jQuery.parseJSON(e);
                    jsonObject.valid_emails
                    jsonObject.invalid_emails

I get the following error: Uncaught TypeError: Cannot read property ‘valid_emails’ of null

Answer 1

As Jason and Jonathon mentioned, you should not manually deserialize the JSON. Depending on what version of jQuery you’re using, jQuery will automatically deserialize JSON based on the response’s content-type header. So, you’re probably trying to $.parseJSON() something that’s already an object, not a JSON string.

To be sure that jQuery does this automatic deserialization for you, add a dataType parameter to the $.ajax() call:

$.ajax({
  type: 'POST',
  dataType: 'json',
  url: '/users/invitation',
  data: $('#user_invitation_new').serialize(),
  success: function(response) {
    console.log(response.valid_emails);
    console.log(response.invalid_emails);
  }
});