CORS ile IE9 jQuery AJAX, "Erişim reddedildi" döndürüyor

Aşağıdakiler IE dışındaki tüm tarayıcılarda çalışır (IE 9'da test ediyorum).

jQuery.support.cors = true;
...
        $.ajax(
            url + "messages/postMessageReadByPersonEmail",
            {
                crossDomain: true,
                data: {
                    messageId       : messageId,
                    personEmail     : personEmail
                },
                success: function() {
                    alert('marked as read');
                },
                error: function(a,b,c) {
                    alert('failed');
                },
                type: 'post'
            }
        );

Kullanan başka bir işlevim var dataType: 'jsonp', ancak bu AJAX çağrısında döndürülen herhangi bir veriye ihtiyacım yok. Son çarem, JSONP ile sarılmış biraz titiz bir ifadeyi sadece çalışmasını sağlamak için iade etmek olacak.

IE'nin veri döndürmeyen bir CORS talebiyle neden hata yaptığına dair bir fikriniz var mı?

Bu, jQuery ile ilgili bilinen bir hatadır . JQuery ekibinin "bunu çekirdek olarak destekleme planı yoktur ve eklenti olarak daha uygundur." ( Bu yoruma bakın ). IE , XMLHttpRequest'i değil , XDomainRequest adlı alternatif bir nesneyi kullanır .

Bunu jQuery'de destekleyecek bir eklenti var , burada bulunabilir : https://github.com/jaubourg/ajaxHooks/blob/master/src/xdr.js

DÜZENLE İşlev, $.ajaxTransportbir taşıyıcı fabrikasını kaydeder. Bir taşıyıcı kullanıldığı içten tarafından $.ajaxistekleri yerine getirmektir. Bu nedenle, her zamanki gibi arayabileceğinizi varsayıyorum$.ajax . Taşıyıcılar ve uzatma ile ilgili bilgiler burada$.ajax bulunabilir .

Ayrıca, bu eklentinin belki de daha iyi bir sürümü burada bulunabilir .

Diğer iki not:

1. XDomainRequest nesnesi IE8'den tanıtıldı ve aşağıdaki sürümlerde çalışmayacaktır.
2. IE10'dan itibaren CORS, normal bir XMLHttpRequest kullanılarak desteklenecektir .

Düzenleme 2: http'den https'ye sorun

İstekler, barındırma sayfasıyla aynı şemaya hedeflenmelidir

Bu kısıtlama, AJAX sayfanız http: //example.com'da ise, hedef URL'nizin de HTTP ile başlaması gerektiği anlamına gelir . Benzer şekilde, AJAX sayfanız https://example.com adresindeyse , hedef URL'niz de HTTPS ile başlamalıdır.

Kaynak: http://blogs.msdn.com/b/ieinternals/archive/2010/05/13/xdomainrequest-restrictions-limitations-and-workarounds.aspx

@Dennisg tarafından kabul edilen cevabı temel alarak, bunu MoonScript tarafından jQuery.XDomainRequest.js kullanarak başarıyla gerçekleştirdim .

Aşağıdaki kod Chrome, Firefox ve IE10'da düzgün çalıştı, ancak IE9'da başarısız oldu. Sadece betiği ekledim ve şimdi otomatik olarak IE9'da çalışıyor. (Ve muhtemelen 8, ama test etmedim.)

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]);
            }
        }
    });
};

"JQuery-ajaxTransport-XDomainRequest" eklentisini kullanarak bunun nasıl yapılacağına ilişkin eksiksiz talimatlar şurada bulunabilir: https://github.com/MoonScript/jQuery-ajaxTransport-XDomainRequest#instructions

Bu eklenti aktif olarak desteklenir ve HTML, JSON ve XML ile çalışır. Dosya aynı zamanda CDNJS'de de barındırıldığından, başka bir kurulum yapmadan komut dosyasını sayfanıza doğrudan bırakabilirsiniz: http://cdnjs.cloudflare.com/ajax/libs/jquery-ajaxtransport-xdomainrequest/1.0.1/jquery.xdomainrequest .min.js

Sorun, IE9 ve altının CORS'u desteklememesidir. XDomainRequest yalnızca GET / POST'u ve text/plainburada açıklanan conten türünü destekler : http://blogs.msdn.com/b/ieinternals/archive/2010/05/13/xdomainrequest-restrictions-limitations-and-workarounds.aspx

Dolayısıyla, tüm HTTP fiillerini ve / veya json vb. Kullanmak istiyorsanız, başka bir çözüm kullanmanız gerekir. IE9 veya daha azı kullanılırsa, incelikle proxy'ye geçecek bir proxy yazdım. ASP.NET kullanıyorsanız, kodunuzu hiç değiştirmeniz gerekmez.

Çözüm iki bölümden oluşmaktadır. İlki, jQuery ajax işlemesine bağlanan bir jquery betiğidir. Bir crossDomain isteği yapılırsa ve tarayıcı IE ise otomatik olarak web sunucusunu arayacaktır:

$.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;
    }
});

Web sunucunuzda isteği almanız, değeri X-CorsProxy-Url http başlığından almanız ve bir HTTP isteği yapmanız ve sonunda sonucu döndürmeniz gerekir.

Blog gönderim: http://blog.gauffin.org/2014/04/how-to-use-cors-requests-in-internet-explorer-9-and-below/

Tüm istekleri JSONP yaptım çünkü desteklenen tüm tarayıcılarımız (IE7 + ve normaller) için tek çözümdü. Unutmayın, cevabınız teknik olarak IE9 için işe yarıyor, bu yüzden doğru cevaba sahipsiniz.

MoonScript'in çözümüne dayanarak, bunun yerine şunu deneyebilirsiniz:

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

Bunun faydası, daha düşük seviyeli bir çözüm olduğu için, yalnızca jQuery ile değil, diğer çerçevelerle IE 8 / 9'da CORS'u (mümkün olduğu ölçüde) etkinleştirecek olmasıdır. AngularJS ve jQuery 1.x ve 2.x ile kullanmakta başarılı oldum.

Internet Explorer 8 ve daha yeni sürümlerde jQuery ile etki alanları arası JSON alma

Çok kullanışlı bağlantı:

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

Bir X Alan Adı İsteğinden json'u iade etme sorununa yardımcı olabilir.

Umarım bu birine yardımcı olur.

Bu sorunu çözmek için, ajax dosyanıza şu adla .js ekleyip eklemediğinizi de kontrol edin: ajax.php dosyama shadowbox.js eklerken Erişim reddedildi hatası aldım

Geliştirici makinemde bir CORS web hizmetini test ediyordum ve yalnızca IE'de "Erişim reddedildi" hata mesajını alıyordum. Firefox ve Chrome iyi çalıştı. Bunun ajax çağrısında localhost kullanmamdan kaynaklandığı ortaya çıktı! Yani tarayıcımın URL'si şöyle bir şeydi:

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

ve test.html içindeki ajax çağrım şöyle bir şeydi:

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

Ajax çağrısını localhost yerine bilgisayarımın IP'sini kullanacak şekilde değiştirdiğimde her şey çalıştı.

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

IE geliştirici araçları penceresi "Ağ" sekmesi aynı zamanda CORS Preflight OPTIONS isteğini ve ardından XMLHttpRequest GET'i de gösterir, bu tam olarak görmeyi beklediğim şeydir.

2015 başından itibaren güncelleme. XDomain, sınırlı ekstra kodlama ile IE9'da CORS'u desteklemek için yaygın olarak kullanılan bir kitaplıktır.

https://github.com/jpillora/xdomain

IE8 / 9'da CORS istekleri için jquery-transport-xdr jQuery eklentisini kullanmayı deneyin .

Not - Not

ajax'ta URL için " http://www.domain.xxx " veya " http: // localhost / " veya "IP >> 127.0.0.1" kullanmayın. adres olmadan yalnızca yol (dizin) ve sayfa adını kullanın.

yanlış durum:

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);

gerçek durum:

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);