In IE8, $.parseJSON is returning undefined

Question

This is the strangest bug I've encountered.

I submit an ajax POST that would retrieve some data.

$.ajax({
   url: url,
   data: data,
   type: 'POST',
   success: function(data){
       console.log(data)
   },
   dataType: 'json',
   contentType: 'application/json; charset=utf-8'
}
)

In other version of IE and Chrome, the code would work fine and give the value of data which is {"success": true}.

But in IE8, data would return undefined . However, if I do JSON.stringify(data) , it would return {"success":true}.

I tried to convert the returned string to object via $.parseJSON(JSON.stringify(data) but it returned undefined again.

What can I do to get the response data as an object like I would normally in other browser?

EDIT:!! Found the solution. Apparently, the IE8 emulation of IE11 is a total crap and cannot display data correctly. Using IE8 on a virtual machine would correctly display the data and I figured out why it was undefined. Thanks for the help!

Set dataType: 'json', in case the mimetype isn't correctly set in the response header. Also, you're missing a { — Johan
– Johan, Commented Jan 3, 2014 at 22:40
Is this in actual IE8, or in a newer version in IE8 mode, as console doesn't seem like a good idea in IE8, it only works with the console open ? — adeneo
– adeneo, Commented Jan 3, 2014 at 22:41
IE11 using IE8 mode, and in my real code I actually use dataType and contentType appropriately — dazer
– dazer, Commented Jan 3, 2014 at 22:42
Check the error callback. That's probably where you're ending up in IE8. And as I said above; you're still missing a { — Johan
– Johan, Commented Jan 3, 2014 at 22:44

dazer · Accepted Answer · 2014-01-06 19:44:28Z

1

Found the solution! Apparently, the IE8 emulation of IE11 is a total crap and cannot display data correctly. Using IE8 on a virtual machine would correctly display the data and I figured out why it was undefined. Thanks for the help!

answered Jan 6, 2014 at 19:44

dazer

2231 gold badge4 silver badges14 bronze badges

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

Comments

Liam · Accepted Answer · 2014-01-03 22:58:25Z

0

I'm not sure that you need to do that in IE8. Here is some code that I use with success in IE8 on a website that is live that is using jQuery 1.10.2:

$.ajax({
    type: "POST",
    crossDomain: true,
    url: 'http://example.com/service/url',
    data: params,
    dataType: 'json',
    timeout: 10000
})
.done(function( data ) {
    console.log("Success");
    console.log(data.success);
}) 
.fail(function( data ) {
    console.log("Rejected");
    console.log(JSON.stringify(data));
});

Hopefully this example is helpful for you to see how to handle the jQuery callback. The object that comes back is already an object if the result is actually valid JSON.

Updated this to be more generic of an answer.

answered Jan 3, 2014 at 22:58

Liam

1,7681 gold badge17 silver badges32 bronze badges

2 Comments

Johan Over a year ago

This has quite a lot of rows that OP surely won't need. self for instance.

Liam Over a year ago

Updated this to be more generic of an answer.

Collectives™ on Stack Overflow

In IE8, $.parseJSON is returning undefined

2 Answers 2

Comments

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related