IE9 jQuery AJAX con CORS restituisce "Accesso negato"

Quanto segue funziona in tutti i browser tranne IE (sto provando in IE 9).

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

Ho un'altra funzione che utilizza dataType: 'jsonp', ma non ho bisogno di alcun dato restituito su questa chiamata AJAX. La mia ultima risorsa sarà restituire un po 'di jibberish avvolto in JSONP solo per farlo funzionare.

Qualche idea sul perché IE sta rovinando una richiesta CORS che non restituisce dati?

Questo è un bug noto con jQuery. Il team di jQuery "non ha intenzione di supportarlo nel core ed è più adatto come plugin". (Vedi questo commento ). IE non utilizza XMLHttpRequest , ma un oggetto alternativo denominato XDomainRequest .

È disponibile un plug-in per supportarlo in jQuery, che può essere trovato qui : https://github.com/jaubourg/ajaxHooks/blob/master/src/xdr.js

EDIT La funzione $.ajaxTransportregistra una fabbrica di trasportatori. Un trasportatore viene utilizzato internamente da $.ajaxper eseguire le richieste. Pertanto, presumo che dovresti essere in grado di chiamare $.ajaxcome al solito. Informazioni sui trasportatori e l'estensione $.ajaxpossono essere trovate qui .

Inoltre, una versione forse migliore di questo plugin può essere trovata qui .

Altre due note:

1. L'oggetto XDomainRequest è stato introdotto da IE8 e non funzionerà nelle versioni seguenti.
2. Da IE10 CORS sarà supportato utilizzando un normale XMLHttpRequest .

Modifica 2: problema da http a https

Le richieste devono essere indirizzate allo stesso schema della pagina di hosting

Questa restrizione significa che se la tua pagina AJAX è all'indirizzo http://example.com , anche l'URL di destinazione deve iniziare con HTTP. Allo stesso modo, se la tua pagina AJAX è su https://example.com , anche l'URL di destinazione deve iniziare con HTTPS.

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

Partendo dalla risposta accettata da @dennisg, l'ho ottenuto con successo utilizzando jQuery.XDomainRequest.js di MoonScript.

Il codice seguente ha funzionato correttamente in Chrome, Firefox e IE10, ma non è riuscito in IE9. Ho semplicemente incluso lo script e ora funziona automaticamente in IE9. (E probabilmente 8, ma non l'ho testato.)

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

Le istruzioni complete su come eseguire questa operazione utilizzando il plug-in "jQuery-ajaxTransport-XDomainRequest" sono disponibili qui: https://github.com/MoonScript/jQuery-ajaxTransport-XDomainRequest#instructions

Questo plugin è attivamente supportato e gestisce HTML, JSON e XML. Il file è anche ospitato su CDNJS, quindi puoi inserire direttamente lo script nella tua pagina senza ulteriori configurazioni: http://cdnjs.cloudflare.com/ajax/libs/jquery-ajaxtransport-xdomainrequest/1.0.1/jquery.xdomainrequest .min.js

Il problema è che IE9 e versioni precedenti non supportano CORS. XDomainRequest supporta solo GET / POST e il text/plaintipo di contenuto come descritto qui: http://blogs.msdn.com/b/ieinternals/archive/2010/05/13/xdomainrequest-restrictions-limitations-and-workarounds.aspx

Quindi, se vuoi usare tutti i verbi HTTP e / o json ecc. Devi usare un'altra soluzione. Ho scritto un proxy che eseguirà il downgrade con grazia al proxy se viene utilizzato IE9 o meno. Non è necessario modificare affatto il codice se si utilizza ASP.NET.

La soluzione è in due parti. Il primo è uno script jquery che si aggancia all'elaborazione jQuery ajax. Chiamerà automaticamente il server web se viene effettuata una richiesta crossDomain e il browser è 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;
    }
});

Nel tuo server web devi ricevere la richiesta, ottenere il valore dall'intestazione http di X-CorsProxy-Url ed eseguire una richiesta HTTP e infine restituire il risultato.

Il mio post sul blog: http://blog.gauffin.org/2014/04/how-to-use-cors-requests-in-internet-explorer-9-and-below/

Ho appena effettuato tutte le richieste JSONP perché era l'unica soluzione per tutti i nostri browser supportati (IE7 + e i clienti abituali). Intendiamoci, la tua risposta tecnicamente funziona per IE9 quindi hai la risposta corretta.

Basandosi sulla soluzione di MoonScript, potresti provare questo invece:

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

Il vantaggio è che, poiché si tratta di una soluzione di livello inferiore, abiliterà CORS (per quanto possibile) su IE 8/9 con altri framework, non solo con jQuery. Ho avuto successo usandolo con AngularJS, così come jQuery 1.xe 2.x.

Ottenere un JSON interdominio con jQuery in Internet Explorer 8 e versioni più recenti

Link molto utile:

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

Può aiutare con il problema di restituire json da una richiesta di dominio X.

Spero che questo aiuti qualcuno.

Per risolvere questo problema, controlla anche se hai alcuni .js inclusi nel tuo file ajax chiamato: Ho ricevuto l'errore di accesso negato includendo shadowbox.js nel mio ajax.php

Stavo testando un servizio web CORS sulla mia macchina di sviluppo e ricevevo il messaggio di errore "Accesso negato" solo in IE. Firefox e Chrome hanno funzionato bene. Si scopre che questo è stato causato dal mio uso di localhost nella chiamata ajax! Quindi l'URL del mio browser era qualcosa del tipo:

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

e la mia chiamata ajax all'interno di test.html era qualcosa del tipo:

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

Tutto ha funzionato una volta che ho cambiato la chiamata ajax per utilizzare l'IP del mio computer invece di localhost.

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

La scheda "Rete" della finestra degli strumenti di sviluppo di IE mostra anche la richiesta CORS Preflight OPTIONS seguita da XMLHttpRequest GET, che è esattamente quello che mi aspettavo di vedere.

Aggiornamento all'inizio del 2015. xDomain è una libreria ampiamente utilizzata per supportare CORS su IE9 con codifica aggiuntiva limitata.

https://github.com/jpillora/xdomain

Prova a utilizzare il plug -in jQuery jquery-transport-xdr per le richieste CORS in IE8 / 9.

Nota - Nota

non utilizzare " http://www.domain.xxx " o " http: // localhost / " o "IP >> 127.0.0.1" per l'URL in ajax. utilizzare solo percorso (directory) e nome della pagina senza indirizzo.

stato falso:

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

stato vero:

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