$.getJson not working in IE

Question

Ok, for some reason my getJson is not working. I am pulling some stock information and it works in all major browsers except IE.

I have created a JSfiddle here: http://jsfiddle.net/qZhSk/

If anyone can help me understand what I am doing wrong it will be SUPER helpful.

thanks!

EDIT

I found the solution myself. The issue was in my URL query. If anyone else has this issue here is the answer:

var url = "http://query.yahooapis.com/v1/public/yql?q=select%20*%20from%20yahoo.finance.quotes%20WHERE%20symbol%3D'NPO'&format=json&diagnostics=true&env=store%3A%2F%2Fdatatables.org%2Falltableswithkeys";

        $.getJSON(url + "&format=json&callback=?", function(data) {
        var items = [];

        $.each(data.query.results.quote, function(key, val) {

            items.push('<li id="' + key + '">' + val + '</li>');
        });

        $('<ul/>', {
            'class': 'my-new-list',
            html: items.join('')
        }).appendTo('body');
)};

score 8 · Answer 1 · edited May 23 '17 at 11:50

8

Technically, I think you're violating the Same Origin Policy on this one. By definition, you can't do a JSON get from a domain other than your own....and getting data from Yahoo is certainly a different server than jsFiddle's. There is a similar issue reported here. The CORS exceptions they list are IE up to version 10, which would explain the issue perfectly.

The problem could be solved by using a "?" in your callback handler. See this stack article for more info.

edited May 23 '17 at 11:50

Community

1
1

answered Dec 09 '11 at 17:10

bpeterson76

12,918
5
49
82

1

That's exactly what I noticed. Basically you'll need to add a `&callback=?` to the end of your url string and you're golden – Daniel Moses Dec 09 '11 at 17:11
The weird thing is that it worked in Firefox. *edit* ah - CORS – Pointy Dec 09 '11 at 17:20

score 1 · Answer 2 · answered Oct 16 '13 at 08:31

1

Since its a old post this answer may be helpful to other seekers.

There may be two reasons why getJson not working in IE.

1.Either Jsonp requests which resolved by adding

 &callback=? or &callback=?

2.Set ajax catch.

$.ajaxSetup({ cache: false });

If still you have problem, it may be because of the cross-platform API usage.

answered Oct 16 '13 at 08:31

Sakthivel

1,890
2
21
47

Thanks. In my case, cache was the issue. – Jayant Varshney Dec 17 '14 at 06:02

score 0 · Answer 3 · answered Oct 24 '13 at 23:46

0

I'll go for the well known cross domain policy issue with jquery and IE.

This article explain well the solution:

http://cypressnorth.com/programming/cross-domain-ajax-request-with-json-response-for-iefirefoxchrome-safari-jquery/

answered Oct 24 '13 at 23:46

svassr

5,538
5
44
63

$.getJson not working in IE

3 Answers3

Linked