ie states jquery ajax is null when data is returned

Question

I know i am proberly being dumb or something but for the life in me i cannot get this function to work in IE7+, works in every other non IE browser:

/inbox/get_auth_replies (JSON Returned):

{"default_message":"Thank you, we have already recieved your request. A member of the team will contact you shortly.","repeated_message":"Thank you for contacting us. A member of the team will contact you shortly."}

jQuery:

var $keyword_id = 123;
$.post('/inbox/get_auto_replies', {keyword_id: $keyword_id}, function(resp) {
    console.log(resp.default_message);  
    $('#inbox_default_message').val(resp.default_message);
    $('#inbox_repeat_message').val(resp.repeated_message);
}, 'json');

in IE reports:

SCRIPT5007: Unable to get value of the property 'default_message': object is null or undefined.

I can see it is returning the data but just cannot see/parse it?

I have looked at everything on SO and nothing seems to help.

Any help would be appreciated.

Thanks.

can you console.log(resp)? is it valid json? what content type is your script responding with? — dm03514
– dm03514, Commented Jun 7, 2012 at 13:34
ummm. I think IE won't recognize console.log(), or would it? — U.P
– U.P, Commented Jun 7, 2012 at 13:41
Is the code inside a jQuery ready function? In IE it can sometimes throw this error when it's trying to execute before the DOM is fully loaded... But @UmairP comment is probably the reason - though console does work for IE8+ I believe, not 7 though — dan richardson
– dan richardson, Commented Jun 7, 2012 at 13:43
@dm03514 - I have edited my code, UmairP - it does support it. — Kyle Hudson
– Kyle Hudson, Commented Jun 7, 2012 at 13:51
@danrichardson sorry i didnt see your comment, yes its inside an onclick element. — Kyle Hudson
– Kyle Hudson, Commented Jun 7, 2012 at 14:09

Johan · Accepted Answer · 2012-06-08 11:41:40Z

1

Change $.post to $.ajax and make use of the error callback and log the error.
I would suggest changing var $keyword_id = 123; to var keyword_id = 123; Use $ before a variable name when indicating that its a jquery dom element

answered Jun 8, 2012 at 11:41

Johan

35.4k62 gold badges191 silver badges309 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

dan richardson · Accepted Answer · 2012-06-08 11:35:09Z

0

Have you tried using jQuery.getJSON instead? Same structure as the .post (minus the 'json' parameter).
Could then loop through the items to try and work it out and alert/console.log them?
http://api.jquery.com/jQuery.getJSON/

It might be a case of not being able to parse the JSON in IE7, does it work in IE9 (if you can try it). I know you mentioned IE7+, but which have you tried? I think there is native JSON parsing in IE8 onwards.

answered Jun 8, 2012 at 11:35

dan richardson

3,9494 gold badges33 silver badges38 bronze badges

Collectives™ on Stack Overflow

ie states jquery ajax is null when data is returned

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related