Jquery $.ajax не работает в IE при междоменных вызовах

Не могли бы вы проверить, связана ли проблема с IE с отсутствием определения зон безопасности для разрешения междоменных запросов? Объяснение см. на этой странице Microsoft.

OTOH, на этой странице упоминается, что IE7 и ранее не мог выполнять междоменные вызовы, но IE8 может, используя объект, отличный от XMLHttpRequest, который использует JQuery. Не могли бы вы проверить, работает ли XDomainRequest?

ИЗМЕНИТЬ (2013-08-22)

Вторая ссылка мертва, поэтому я пишу здесь часть информации, взятой с обратная машина:

XDomainRequest Поддерживается: IE8

Вместо реализации CORS-версии XMLHttpRequest команда IE использовала собственный собственный объект с именем XDomainRequest. Использование XDomainRequest было упрощено по сравнению с XMLHttpRequest за счет создания большего количества событий (возможно, наиболее важным из них является onload).

Эта реализация имеет несколько ограничений. Например, файлы cookie не отправляются при использовании этого объекта, что может быть головной болью для сеансов на основе файлов cookie на стороне сервера. Кроме того, невозможно установить ContentType, что создает проблему в ASP.NET и, возможно, других языках на стороне сервера (см. http://www.actionmonitor.co.uk/NewsItem.aspx?id=5).

var xdr = new XDomainRequest();
xdr.onload = function() { alert("READY"); };
xdr.open("GET", "script.html");
xdr.send();

Для IE8 и IE9 вам необходимо использовать XDomainRequest (XDR). Если вы посмотрите ниже, вы увидите, что это похоже на форматирование $.ajax. Насколько мои исследования помогли мне, я не могу заставить этот междоменный режим работать в IE6 и 7 (все еще ищу обходной путь для этого). XDR впервые появился в IE8 (и в IE9 тоже). Итак, сначала я тестирую 6/7 и не использую AJAX.

IE10+ может нормально выполнять междоменные операции, как и все другие браузеры (поздравляю Microsoft... вздох)

После этого else if проверяет XDomainRequest в окне (очевидно, лучше, чем анализ браузера) и таким образом выполняет запрос JSON AJAX, в противном случае ELSE обычно делает это с $.ajax.

Надеюсь это поможет!! Мне понадобилась вечность, чтобы понять все это изначально

Информация об объекте XDomainRequest

// call with your url (with parameters) 
// 2nd param is your callback function (which will be passed the json DATA back)

crossDomainAjax('http://www.somecrossdomaincall.com/?blah=123', function (data) {
    // success logic
});

function crossDomainAjax (url, successCallback) {

    // IE8 & 9 only Cross domain JSON GET request
    if ('XDomainRequest' in window && window.XDomainRequest !== null) {

        var xdr = new XDomainRequest(); // Use Microsoft XDR
        xdr.open('get', url);
        xdr.onload = function () {
            var dom  = new ActiveXObject('Microsoft.XMLDOM'),
                JSON = $.parseJSON(xdr.responseText);

            dom.async = false;

            if (JSON == null || typeof (JSON) == 'undefined') {
                JSON = $.parseJSON(data.firstChild.textContent);
            }

            successCallback(JSON); // internal function
        };

        xdr.onerror = function() {
            _result = false;  
        };

        xdr.send();
    } 

    // IE7 and lower can't do cross domain
    else if (navigator.userAgent.indexOf('MSIE') != -1 &&
             parseInt(navigator.userAgent.match(/MSIE ([\d.]+)/)[1], 10) < 8) {
       return false;
    }    

    // Do normal jQuery AJAX for everything else          
    else {
        $.ajax({
            url: url,
            cache: false,
            dataType: 'json',
            type: 'GET',
            async: false, // must be set to false
            success: function (data, success) {
                successCallback(data);
            }
        });
    }
}

Jquery сделает это за вас, нужно только установить $.support.cors = true; Тогда междоменный запрос отлично работает во всех браузерах для пользователей jquery.

Просто установите этот подключаемый модуль jQuery: jQuery Cross-Domain AJAX для IE8

Этот подключаемый модуль размером 1,4 КБ сразу работает в Internet Explorer 8 и 9.

Включите плагин после jQuery и вызовите свой запрос ajax как обычно. Больше ничего не требуется.

• Репозиторий плагинов GitHub и инструкции по установке

Добавьте дополнительный транспорт в jquery для IE. (Просто добавьте этот код в свой скрипт в конце)

$.ajaxTransport("+*", function( options, originalOptions, jqXHR ) {

    if(jQuery.browser.msie && window.XDomainRequest) {

        var xdr;

        return {

            send: function( headers, completeCallback ) {

                // Use Microsoft XDR
                xdr = new XDomainRequest();

                xdr.open("get", options.url);

                xdr.onload = function() {

                    if(this.contentType.match(/\/xml/)){

                        var dom = new ActiveXObject("Microsoft.XMLDOM");
                        dom.async = false;
                        dom.loadXML(this.responseText);
                        completeCallback(200, "success", [dom]);

                    }else{

                        completeCallback(200, "success", [this.responseText]);

                    }

                };

                xdr.ontimeout = function(){
                    completeCallback(408, "error", ["The request timed out."]);
                };

                xdr.onerror = function(){
                    completeCallback(404, "error", ["The requested resource could not be found."]);
                };

                xdr.send();
          },
          abort: function() {
              if(xdr)xdr.abort();
          }
        };
      }
    });

Это решило мою проблему с ошибкой Jquery $.ajax для междоменного запроса AJAX.

Ваше здоровье.

Другим посетителям здесь будет полезно прочитать http://blogs.msdn.com/b/ieinternals/archive/2010/05/13/xdomainrequest-restrictions-limitations-and-workarounds.aspx, в котором говорится об ограничениях XDomainRequest.

Для тех, у кого все еще может быть эта проблема с использованием jQuery 2.0 (я знаю, что у меня есть), Джей Дэйв написал лучший обходной путь jQuery, но у меня все еще есть несколько вещей, которые нужно добавить к его коду, а именно:

• убедитесь, что вы используете один и тот же протокол для запросов (HTTP -> HTTP или HTTPS -> HTTPS), Аюш Гупта дал ссылку на известные проблемы
• обрабатывать события onprogress с помощью функции отсутствия операций (это предотвратит прерывание запросов IE после того, как он получит первые биты с сервера.

Полный код приведен ниже:

// add ajax transport method for cross domain requests when using IE9
if('XDomainRequest' in window && window.XDomainRequest !== null) {
   $.ajaxTransport("+*", function( options, originalOptions, jqXHR ) {
       // verify if we need to do a cross domain request
       // if not return so we don't break same domain requests
       if (typeof options.crossDomain === 'undefined' || !options.crossDomain) {
           return;
       }

        var xdr;

        return {
            send: function( headers, completeCallback ) {
                // Use Microsoft XDR
                xdr = new XDomainRequest();
                xdr.open("get", options.url); // NOTE: make sure protocols are the same otherwise this will fail silently
                xdr.onload = function() {
                    if(this.contentType.match(/\/xml/)){
                        var dom = new ActiveXObject("Microsoft.XMLDOM");
                        dom.async = false;
                        dom.loadXML(this.responseText);
                        completeCallback(200, "success", [dom]);
                    } else {
                        completeCallback(200, "success", [this.responseText]);
                    }
                };

                xdr.onprogress = function() {};

                xdr.ontimeout = function(){
                    completeCallback(408, "error", ["The request timed out."]);
                };

                xdr.onerror = function(){
                    completeCallback(404, "error", ["The requested resource could not be found."]);
                };

                xdr.send();
            },
            abort: function() {
                if(xdr) xdr.abort();
            }
        };
    });
}

Обратите внимание, добавляя

$.support.cors = true;

было достаточно, чтобы вызовы $.ajax работали в IE8

Просто добавьте "?callback=?" (или "&callback=?") на ваш URL:

$.getJSON({
    url:myUrl + "?callback=?",
    data: myData,
    success: function(data){
        /*My function stuff*/        
    }
});

При выполнении вызовов (со всем остальным, правильно настроенным для междоменного, как указано выше) это вызовет правильное форматирование JSONP.

Более подробное объяснение можно найти в ответе здесь.

@Furqan Не могли бы вы сообщить мне, тестировали ли вы это с помощью метода HTTP POST,

Поскольку я также работаю над такой же ситуацией, но я не могу отправить данные в другой домен.

Но после прочтения этого это было довольно просто... единственное, что вы должны забыть о СТАРЫХ браузерах. Я даю код для отправки методом POST с того же URL-адреса выше для быстрого ознакомления.

function createCORSRequest(method, url){
var xhr = new XMLHttpRequest();
if ("withCredentials" in xhr){
    xhr.open(method, url, true);
} else if (typeof XDomainRequest != "undefined"){
    xhr = new XDomainRequest();
    xhr.open(method, url);
} else {
    xhr = null;
}
return xhr;
}

var request = createCORSRequest("POST", "http://www.sanshark.com/");
var content = "name=sandesh&lastname=daddi";
if (request){
    request.onload = function(){
    //do something with request.responseText
   alert(request.responseText);
};

 request.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
            request.setRequestHeader("Content-length", content.length);
            request.send(content);
}

Microsoft всегда прокладывает пагубную борозду (по крайней мере, в IE):

http://www.nczonline.net/blog/2010/05/25/cross-domain-ajax-with-cross-origin-resource-sharing/

CORS работает с XDomainRequest в IE8. Но IE 8 не поддерживает Preflighted или Credentialed Requests, в то время как Firefox 3.5+, Safari 4+ и Chrome поддерживают такие запросы.

У меня такая же проблема в IE, я решил ее заменой:

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.1/jquery.min.js"></script>

To

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>

Так что в основном обновите версию jquery.

У меня была аналогичная проблема в IE9, когда некоторые вызовы CORS прерывались, а другие — нет. Мое приложение также зависит от интерфейса обещания, поэтому приведенные выше предложения XDomainRequest не были ТОЧНО тем, что мне нужно, поэтому я добавил отложенный обходной путь service.get для IE9. Надеюсь, это может быть полезно для кого-то еще, столкнувшегося с этой проблемой. :

    get: function (url) {
        if ('XDomainRequest' in window && window.XDomainRequest !== null) {
            var deferred = $.Deferred();
            var xdr      = new XDomainRequest();

            xdr.open("get", url);

            xdr.onload = function() {
              json = xdr.responseText;
              parsed_json = $.parseJSON(json);
              deferred.resolve(parsed_json);
            }

            xdr.send();
            return deferred;
        } else {
            return $.ajax({
                url: url,
                type: 'GET',
                dataType: 'json',
                crossDomain: true
            });
        }
    }

Трудно сказать из-за отсутствия форматирования в вопросе, но я думаю, что вижу две проблемы с вызовом ajax.

1) application/x-www-form-urlencoded для contentType должен быть в кавычках

2) Должна быть запятая, разделяющая параметры contentType и async.