jQuery AJAX request for JSON on IE9 callback is undefined

Question

Just today I noticed I have a major issue with IE..

I have a loop that receives various details about the system and user every 5 seconds, and updates values on the page as necessary. I build the query just by checking for required values in the HTML such as:

var query = '?name=value&other=bar';
if($('input.something').attr('checked') == 'checked') {
   query += '&more=info';                      
}

After building the query, i use $.get to retrieve the information:

$.get('json_builder.php' + query, function(callback) {
   alert(callback);
});

My callback is a JSON string that I convert to an object using $.parseJSON(callback); and I use the object to access my data.

I get the alert with the JSON callback on ALL browsers except IE, in IE I get "undefined".

BUT, the request passes through, as in the developer tools section I see that the response is actually there, but for some reason the variable "callback" is left "undefined".

I've tried using $.getJSON instead of $.get - same result.

Have you tried using $.ajax call instead of the get shortcut? I have had some issues with get and post in the past while ajax call worked fine. — Aleks G
– Aleks G, Commented Aug 29, 2012 at 9:23
Yes I've tried using it without the shortcut, but to no avail.. — Matt
– Matt, Commented Aug 29, 2012 at 9:27
Have you tried setting the cache option to false? Easiest way is $.ajaxSetup({cache: false}); so that it's applied to all subsequent AJAX requests. You may also want to explicitly specify a data type of 'json' for that AJAX request (will also save you having to parse the response yourself). — Anthony Grist
– Anthony Grist, Commented Aug 29, 2012 at 9:29
Have a look at stackoverflow.com/questions/425854/… - it may be relevant — Aleks G
– Aleks G, Commented Aug 29, 2012 at 9:30
Also- check for malformed/unclosed tags in the document you are getting. All browsers but IE correct it. Instead, nothing happens- no errors or warnings-nothing!! — FredTheWebGuy
– FredTheWebGuy, Commented Dec 30, 2012 at 1:16

David Sherret · Accepted Answer · 2015-03-17 14:06:16Z

3

I was having this issue, but after a lot of trial and error I changed my php header code from...

header('Content-Type: application/json; charset=utf8');

to...

header('Content-Type: application/json');

Solved it for me.

edited Mar 17, 2015 at 14:06

answered Dec 30, 2012 at 1:13

David Sherret

108k28 gold badges197 silver badges190 bronze badges

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

1 Comment

Randy Over a year ago

This also worked for me, but with Content-Type: application/json.

Liam · Accepted Answer · 2012-08-29 10:04:15Z

0

I'd build it with $.ajax as below, not sure if this is what you've already tried:

var dataToSend = {'name':'value', 'other':'bar'};
if($('input.something').attr('checked') == 'checked') {
   dataToSend.push({'more':'info'});
}
    $.ajax({
    url:'json_builder.php',
    data:dataToSend,
    success function(callback) {
       alert(callback);
        },
    dataType:'json'
    });

answered Aug 29, 2012 at 10:04

Liam

30k28 gold badges143 silver badges206 bronze badges

Collectives™ on Stack Overflow

jQuery AJAX request for JSON on IE9 callback is undefined

2 Answers 2

1 Comment

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related