Jquery $.get or $.ajax not working in Internet Explorer

Question

I've been running this code in IE 9 without luck. I've looked at all the posts about UTF-8 fixing and such but to no avail. Any thoughts?

$.get({
    url: 'http://api.flickr.com/services/rest/?api_key={apikey}&method=flickr.collections.getTree&user_id=66970820%40N03&collection_id=66947766-72157631850748939',
    success: function () {
        console.log('success!');
    }
}).done(function () {
    console.log('done');
}).fail(function () {
    console.log('fail')
});

It works just fine in Safari, FF and Chrome. When pasting the URL into IE, the response is fine.

Without knowing the full story, I'd say you might be running into cross-domain problems. Try looking at $.getJSON. Specifically the part about JSONP. — Erik, Oct 29 '12 at 22:36
URL is an xml doc which can't be retrieved cross domain... you need to add jsonp dataType to $.get and set param in url for jsonp so API returns jsonp not xml — charlietfl, Oct 29 '12 at 22:38
IE8-9 does not support CORS with standard ajax method, that's most likely the issue. — Fabrício Matté, Oct 29 '12 at 22:52

score 4 · Accepted Answer · edited May 23 '17 at 10:34

@Iden Gozlan, your answer sounds good, but my feeble mind got confused.

@Erik and @charlietfl your suggestions to JSONP got me down the right path. It definitely is a cross domain scripting issue. Can't understand why IE was the only one to not allow this. I edited my code as such and all worked out great!

$.ajax({
  url: 'http://api.flickr.com/services/rest/?api_key={apikey}&method=flickr.collections.getTree&user_id=66970820%40N03&collection_id=66947766-72157631850748939&jsoncallback=doSomeGreatStuff',
  dataType: "jsonp"
});

function doSomeGreatStuff(response) {
  // do some great stuff with the json response
  console.log( response.collections.collection[0].id );
}

Resources that helped me are here and here and even here

score 3 · Answer 2 · answered Sep 26 '13 at 05:44

3

This jQuery XDomainRequest plugin works wonders.
I had ajax issues with IE8 and 9 but simply including this plugin without changing any code has given me IE8 and 9 CORS ajax capabilities :)

answered Sep 26 '13 at 05:44

Bradley Flood

10,233
3
46
43

score 1 · Answer 3 · edited May 23 '17 at 12:34

1

Its known issue, please read this post: IE9 jQuery AJAX with CORS returns "Access is denied"

you should use XMLHttpRequest original call or download the following plugin which will provide you the solution for this case:

https://github.com/jaubourg/ajaxHooks/blob/master/src/xdr.js

edited May 23 '17 at 12:34

Community

1
1

answered Oct 29 '12 at 22:58

Idan Gozlan

3,173
3
30
47

Jquery $.get or $.ajax not working in Internet Explorer

3 Answers3