IE9 jQuery AJAX с CORS возвращает «Доступ запрещен»

Это известная ошибка с jQuery. Команда jQuery «не планирует поддерживать это в ядре и лучше подходит как плагин». (См. Этот комментарий ). IE не использует XMLHttpRequest , а альтернативный объект с именем XDomainRequest .

Для поддержки этого в jQuery есть плагин, который можно найти здесь : https://github.com/jaubourg/ajaxHooks/blob/master/src/xdr.js

EDIT Функция $.ajaxTransport регистрирует фабрику транспортеров. Транспортер используется внутренне с помощью $.ajax для выполнения запросов. Поэтому я предполагаю, что вы должны иметь возможность вызывать $.ajax как обычно. Информацию о перевозчиках и расширении $.ajax можно найти здесь .

Кроме того, здесь можно найти, возможно, лучшую версию этого плагина.

Две другие заметки:

1. Объект XDomainRequest был введен из IE8 и не будет работать в версиях ниже.
2. Из IE10 CORS будет поддерживаться с помощью обычного XMLHttpRequest .

Изменить 2: проблема HTTP-https

Запросы должны быть нацелены на ту же схему, что и страница хостинга

Это ограничение означает, что если ваша страница AJAX находится на http://example.com , то целевой URL должен также начинаться с HTTP. Аналогично, если ваша страница AJAX находится на странице https://example.com , то ваш целевой URL должен также начинаться с HTTPS.

Источник: http://blogs.msdn.com/b/ieinternals/archive/2010/05/13/xdomainrequest-restrictions-limitations-and-workarounds.aspx

Основываясь на принятом ответе @dennisg, я успешно выполнил это с помощью jQuery.XDomainRequest.js от MoonScript.

Следующий код работал правильно в Chrome, Firefox и IE10, но не прошел в IE9. Я просто включил скрипт, и теперь он автоматически работает в IE9. (И, вероятно, 8, но я его не тестировал).

 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, можно найти здесь: https://github.com/MoonScript/jQuery-ajaxTransport-XDomainRequest#instructions

Этот плагин активно поддерживается и обрабатывает HTML, JSON и XML. Файл также размещен на CDNJS, поэтому вы можете напрямую удалить скрипт на свою страницу без дополнительной настройки: http://cdnjs.cloudflare.com/ajax/libs/jquery-ajaxtransport-xdomainrequest/1.0.1/jquery.xdomainrequest .min.js

Проблема в том, что IE9 и ниже не поддерживают CORS. XDomainRequest поддерживает только GET / POST и text/plain conten-тип, как описано здесь: http://blogs.msdn.com/b/ieinternals/archive/2010/05/13/xdomainrequest-restrictions-limitations-and-workarounds .aspx

Поэтому, если вы хотите использовать все HTTP-глаголы и / или json и т. Д., Вам нужно использовать другое решение. Я написал прокси-сервер, который будет изящно понижать до проксирования, если используется IE9 или меньше. Вам не нужно менять свой код вообще, если вы используете ASP.NET.

Решение состоит из двух частей. Первый – скрипт jquery, который перехватывает обработку jQuery ajax. Он будет автоматически вызывать веб-сервер, если будет выполнен запрос crossDomain, а браузер – 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; } }); 

На вашем веб-сервере вы должны получить запрос, получить значение из HTTP-заголовка X-CorsProxy-Url и выполнить HTTP-запрос и, наконец, вернуть результат.

Мое сообщение в блоге: http://blog.gauffin.org/2014/04/how-to-use-cors-requests-in-internet-explorer-9-and-below/

Я просто сделал все запросы JSONP, потому что это было единственное решение для всех наших поддерживаемых браузеров (IE7 + и постоянных пользователей). Имейте в виду, ваш ответ технически работает для IE9, поэтому у вас есть правильный ответ.

Получение междоменного JSON с jQuery в Internet Explorer 8 и более новых версиях

Очень полезная ссылка:

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

Может помочь с проблемой возврата json из запроса домена X.

Надеюсь, это поможет кому-то.

Основываясь на решении MoonScript, вы можете попробовать это вместо этого:

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

Преимущество состоит в том, что, поскольку это решение более низкого уровня, оно позволит CORS (по возможности) использовать IE 8/9 с другими фреймворками, а не только с jQuery. Я успешно использовал его с помощью AngularJS, а также jQuery 1.x и 2.x.

Чтобы решить эту проблему, проверьте также, есть ли у вас некоторые .js в ваш файл ajax: я получил ошибку «Отказано в доступе», включая shadowbox.js в моем ajax.php

Я тестировал веб-сервис CORS на своем компьютере-разработчике и получал сообщение об ошибке «Отказано в доступе» только в IE. Firefox и Chrome отлично работали. Оказывается, это было вызвано моим использованием localhost в вызове ajax! Поэтому мой URL-адрес браузера был примерно таким:

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

и мой вызов ajax внутри test.html был примерно таким:

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

Все работало, как только я изменил вызов ajax, чтобы использовать свой IP-адрес компьютера вместо localhost.

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

Окно инструментов IE dev «Network» также показывает запрос CORS Preflight OPTIONS, за которым следует XMLHttpRequest GET, что я и ожидал увидеть.

Обновление с начала 2015 года. XDomain – широко используемая библиотека для поддержки CORS на IE9 с ограниченным дополнительным кодированием.

https://github.com/jpillora/xdomain

Попробуйте использовать jquery-transport-xdr jQuery-плагин для запросов CORS в IE8 / 9.

Примечание. Примечание.

не используйте « http://www.domain.xxx » или « http: // localhost / » или «IP >> 127.0.0.1» для URL-адреса в ajax. используйте только путь (каталог) и имя страницы без адреса.

ложное состояние:

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

истинное состояние:

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