IE9 jQuery AJAX with CORS returns " access is denied"

Opierając się na zaakceptowanej odpowiedzi przez @ dennisg, udało mi się to z powodzeniem używając jQuery.XDomainRequest.js {[3] } by MoonScript.

Poniższy kod działał poprawnie w Chrome, Firefox i IE10, ale nie powiódł się w IE9. Po prostu włączyłem skrypt i teraz działa automagicznie w IE9. (I pewnie 8, ale nie testowałem tego.)

var displayTweets = function () {
    $.ajax({
        cache: false,
        type: 'GET',
        crossDomain: true,
        url: Site.config().apiRoot + '/Api/GetTwitterFeed',
        contentType: 'application/json; charset=utf-8',
        dataType: 'json',
        success: function (data) {
            for (var tweet in data) {
                displayTweet(data[tweet]);
            }
        }
    });
};

Pełna instrukcja jak to zrobić za pomocą wtyczki "jQuery-ajaxTransport - XDomainRequest" znajduje się tutaj: https://github.com/MoonScript/jQuery-ajaxTransport-XDomainRequest#instructions

Ta wtyczka jest aktywnie obsługiwana i obsługuje HTML, JSON i XML. Plik jest również hostowany na CDNJS, więc możesz bezpośrednio upuścić skrypt na swoją stronę bez dodatkowych konfiguracja: http://cdnjs.cloudflare.com/ajax/libs/jquery-ajaxtransport-xdomainrequest/1.0.1/jquery.xdomainrequest.min.js

Problem polega na tym, że IE9 i niżej nie obsługują CORS. XDomainRequest obsługuje tylko GET / POST i typ text/plain conten, jak opisano tutaj: http://blogs.msdn.com/b/ieinternals/archive/2010/05/13/xdomainrequest-restrictions-limitations-and-workarounds.aspx

Więc jeśli chcesz używać wszystkich czasowników HTTP i / lub json itp musisz użyć innego rozwiązania. Napisałem proxy, który będzie wdzięcznie downgrade do proxy, jeśli IE9 lub less jest używany. Nie musisz zmieniać kodu na wszystko, jeśli używasz ASP.NET.

Rozwiązanie składa się z dwóch części. Pierwszym z nich jest skrypt jquery, który łączy się z przetwarzaniem jQuery ajax. To automatycznie wywoła serwer WWW, jeśli żądanie crossDomain jest wykonane, a przeglądarka jest IE:

$.ajaxPrefilter(function (options, originalOptions, jqXhr) {
    if (!window.CorsProxyUrl) {
        window.CorsProxyUrl = '/corsproxy/';
    }
    // only proxy those requests
    // that are marked as crossDomain requests.
    if (!options.crossDomain) {
        return;
    }

    if (getIeVersion() && getIeVersion() < 10) {
        var url = options.url;
        options.beforeSend = function (request) {
            request.setRequestHeader("X-CorsProxy-Url", url);
        };
        options.url = window.CorsProxyUrl;
        options.crossDomain = false;
    }
});

Na twoim serwerze WWW musisz otrzymać żądanie, pobrać wartość z nagłówka http X-CorsProxy-Url i wykonać żądanie HTTP i ostatecznie zwrócić wynik.

Mój wpis na blogu: http://blog.gauffin.org/2014/04/how-to-use-cors-requests-in-internet-explorer-9-and-below/

Po prostu złożyłem wszystkie prośby JSONP , ponieważ było to jedyne rozwiązanie dla wszystkich obsługiwanych przez nas przeglądarek (IE7+ i bywalców). Pamiętaj, że Twoja odpowiedź działa technicznie dla IE9, więc masz poprawną odpowiedź.

Uzyskiwanie JSON z jQuery w przeglądarce Internet Explorer 8 i nowszych wersjach

Bardzo przydatny link:

Http://graphicmaniacs.com/note/getting-a-cross-domain-json-with-jquery-in-internet-explorer-8-and-later/

Może pomóc w problemie ze zwrotem json z żądania domeny X.

Mam nadzieję, że to komuś pomoże.

Bazując na rozwiązaniu MoonScript, możesz zamiast tego spróbować:

Https://github.com/intuit/xhr-xdr-adapter/blob/master/src/xhr-xdr-adapter.js

Zaletą jest to, że ponieważ jest to rozwiązanie niższego poziomu, umożliwi CORS (w miarę możliwości) na IE 8/9 z innymi frameworkami, a nie tylko z jQuery. Odniosłem sukces używając go z AngularJS, a także jQuery 1.x i 2.x.

Aby rozwiązać ten problem, sprawdź również, czy masz jakieś włączone .js do pliku ajax o nazwie: Otrzymałem błąd Odmowa dostępu podczas włączania shadowbox.js w moim Ajaxie.php

Testowałem usługę sieciową CORS na mojej maszynie dev i otrzymywałem komunikat o błędzie "Access is denied" tylko w IE. Firefox i Chrome działały dobrze. Okazuje się, że było to spowodowane przez moje użycie localhost w wywołaniu ajax! Więc mój URL przeglądarki był coś w stylu:

Http://my_computer.my_domain.local/CORS_Service/test.html

I mój telefon ajax w teście.html był coś w stylu:

//fails in IE 
$.ajax({
  url: "http://localhost/CORS_Service/api/Controller",
  ...
});

Wszystko działało, gdy zmieniłem połączenie ajax, aby korzystać z komputera IP zamiast localhost.

//Works in IE
$.ajax({
  url: "http://192.168.0.1/CORS_Service/api/Controller",
  ...
});

W oknie IE dev tools zakładka "sieć" pokazuje również żądanie opcji inspekcji wstępnej CORS, a następnie GET XMLHttpRequest, który jest dokładnie tym, czego oczekiwałem.

Aktualizacja na początku 2015 roku. xDomain jest powszechnie używaną biblioteką obsługującą CORS na IE9 z ograniczonym dodatkowym kodowaniem.

Https://github.com/jpillora/xdomain

Spróbuj użyć jQuery-transport-xdr jQuery plugin dla żądań CORS w IE8/9.

Uwaga -- Uwaga

Nie używaj " http://www.domena.xxx " lub " http://localhost/ " lub "IP > > 127.0.0.1" dla adresu URL w Ajaxie. używaj tylko ścieżki (katalogu) i nazwy strony bez adresu.

False state:

var AJAXobj = createAjax();
AJAXobj.onreadystatechange = handlesAJAXcheck;
AJAXobj.open('POST', 'http://www.example.com/dir/getSecurityCode.php', true);
AJAXobj.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded; charset=UTF-8');
AJAXobj.send(pack);

True state:

var AJAXobj = createAjax();
AJAXobj.onreadystatechange = handlesAJAXcheck;
AJAXobj.open('POST', 'dir/getSecurityCode.php', true);   // <<--- note
AJAXobj.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded; charset=UTF-8');
AJAXobj.send(pack);