Why doesnt this Ajax request work in IE?

Question

I have the following JQuery AJAX request, it works fine in Chrome but when I test in IE, it returns undefined:

$.ajax({
    url : 'http://pipes.yahoo.com/pipes/pipe.run?_id=26650603c42f41d78bfb5c5c740747d3&_render=json&_callback=?',
    dataType : 'xml',
    complete : function(data) {
        console.log(data.responseText);
    }
});

possible duplicate of [jQuery ajax responseText 'undefined'](http://stackoverflow.com/questions/5460275/jquery-ajax-responsetext-undefined) — Jon Egerton, Jul 05 '12 at 14:28
Is this cross-domain AJAX? If so check this out http://forum.jquery.com/topic/cross-domain-ajax-and-ie#14737000000729148 — Joseph Szymborski, Jul 05 '12 at 14:31
I tried async : false and it still is undefined. @JosephSzymborski Yeah, its cross domain — CallumVass, Jul 05 '12 at 14:45
@JosephSzymborski I tried the suggestion in that page and I get `SCRIPT5: Access is denied.` — CallumVass, Jul 05 '12 at 14:49
@j08691 I tried IE9 but I assume it wont work for lesser versions too. — CallumVass, Jul 05 '12 at 14:51
why are you using dataType:Xml when the url is returning json? also which version of IE..is it IE7? — Suave Nti, Jul 05 '12 at 14:57

Suave Nti · Accepted Answer · 2012-07-05T17:01:40.923

Did you tried like this:

 $(document).ready(function(){
    $.ajax({
        url : 'http://pipes.yahoo.com/pipes/pipe.run?_id=26650603c42f41d78bfb5c5c740747d3&_render=json&_callback=pipeCallback', 
        dataType : 'jsonp',
        complete : function(data) {
            //alert(data.responseText);
            //console.log(data.value);
        },
         error: function (xhr, status, error) {
                alert(error);
            }
    });
});
function pipeCallback(d){
    data = d;
    //console.debug(d);
    var arts = d.value.items;
    for (var i=0; i<arts.length; i++)
    {
    var a = document.createElement("a");
    a.setAttribute("href", arts[i].link);
    a.innerHTML = "<h1>" + arts[i].title + "</h1>"
    var dv = document.createElement("div");
    dv.innerHTML = arts[i].description;
    document.body.appendChild(a);
    document.body.appendChild(dv);
    }   
}

Have just tested it is working fine also get rid of console.log calls, if the developer tools arenot open it wont work in IE.

score 0 · Answer 2 · edited May 23 '17 at 10:34

0

It seems it's a matter of browser security settings:

Internet explorer just doesn't allow CORS (at least in -IE7) as a matter of security. IE8+ seems to be able to do XDR, however.

edited May 23 '17 at 10:34

Community

1
1

answered Jul 05 '12 at 14:52

Joseph Szymborski

1,241
2
17
31

Why doesnt this Ajax request work in IE?

2 Answers2