关于Internet Explorer 9：带有CORS的IE9 jQuery AJAX返回“访问被拒绝”

IE9 jQuery AJAX with CORS returns “Access is denied”

除了IE(我在IE9中测试)，以下所有浏览器都可以使用。

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19

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

我还有一个函数使用dataType: 'jsonp'，但是我不需要在这个Ajax调用上返回任何数据。我的最后一个办法是退回一些裹着JSONP的Jibberish，让它工作。

你知道为什么IE搞砸了一个没有返回数据的CORS请求吗？

相关讨论

这是jquery的已知错误。jquery团队"没有计划在核心中支持这一点，并且更适合作为插件。"(请参阅此注释)。IE不使用xmlhttpRequest，而是使用名为xdomainRequest的替代对象。

jquery中有一个插件可以支持这个功能，可以在这里找到：https://github.com/jaubourg/ajaxhooks/blob/master/src/xdr.js网站

编辑函数$.ajaxTransport注册运输工厂。$.ajax在内部使用转运体来执行请求。因此，我想你应该可以像往常一样给$.ajax打电话。关于转运体和扩展$.ajax的信息可以在这里找到。

此外，可以在这里找到这个插件的更好版本。

另外两个注意事项：

对象xdomainRequest是从IE8引入的，在下面的版本中不起作用。

使用普通的xmlhttpRequest将支持来自IE10的CORS。

编辑2:HTTP到HTTPS问题

Requests must be targeted to the same scheme as the hosting page

This restriction means that if your AJAX page is at
http://example.com, then your target URL must also begin with HTTP.
Similarly, if your AJAX page is at https://example.com, then your
target URL must also begin with HTTPS.

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

相关讨论

谢谢！知道如何使用那个插件吗？
我不完全确定，但我已经在我的答案中添加了我的假设。
插件的"更好的版本"是与生俱来的；我只是将它包含在我的页面中，它自动地修复了我的$.Ajax调用：)当然，假设您有所有必要的头。
我错过了一些东西：这两个都不适合我。通过一个脚本标记包含脚本，然后像平常一样进行Ajax调用？
如果我在传递给AjaxtTransport的函数中放置了一个警报语句，那么该语句将永远不会被执行。此外，请求(对"localhost")不会显示在IE9的开发人员工具的网络面板中。
要添加到Dennisg应答中，xdr.js有一个bug-ajaxtransport回调将不会按原样调用。我必须根据stackoverflow.com/questions/12481560/&hellip修改它(添加"+*"作为AjaxtTransport调用的第一个参数)。
@沃洛德迈罗特里什科——伙计，让我给你买瓶啤酒！精彩的评论，解决了我所有的头痛。
你在GitHub上链接的$.AjaxtTransport函数对我来说毫无用处。我真的很想这样。织补。
jquery.xdomainrequest.js确保当前页面和远程页面都是http或https。这是否意味着您无法从HTTP页调用HTTPS API？
注意，如果您处理的是HTML响应，那么改进的jquery.xdomainRequest.js只处理JSON和XML。我的get现在通过添加xdr.js工作。太棒了(以前做过浏览器嗅探，做过一个适用于IE8和IE10的xdocumentRequest，但是很难说，不适用于IE9)。
值得注意的是，在moonscripts github repo上链接到的代码是一个不起作用的旧版本。请务必在以下网址获取最新版本：raw.github.com/moonscript/jquery ajaxtransport xdomainreques&zwnj；&8203；t/&hellip；
@Aaron我在添加使用https的bitly API时遇到了问题。因为这页本身就是http，所以我不允许。
@Aaron在@harikaramsingh的评论中补充道：将协议(http改为https、域(google.com改为bing.com、子域(mail.google.com改为maps.google.com或协议(google.com:80改为google.com:8080的默认端口)都将触发"跨域"请求。基本上，URL中第一个/之前的所有内容都需要相同。
扩展的Ajax链接现已失效。
我一直在尝试使用这个解决方案，但是服务器设置的cookie永远不会被应用(特别是ASP.NET的sessionid)，所以每个调用都是一个新的会话。我使用相同的协议，不同的域(不同的端口或域名)，我尝试过jquery 1.11或2.1。有没有人有类似的事情解决了，或者没有希望？
实际上，它设置了cookie，但是每次服务器发出CORS请求时，服务器都会返回一组新的cookie。
我发现了我的问题并修补了来源。真的有些东西不见了。今天晚些时候我会提出拉车请求，并提供更多详细信息
@弗兰克，至少如果你在使用XDomainRequest，它不允许发送或接收cookie。有关详细信息，请参阅此msdn博客文章，特别是标题为"请求中不会发送任何身份验证或cookie"的部分。
如果我读过Coments，我会节省很多时间，但是我浪费了几个小时尝试从HTTP站点对HTTPS服务进行Ajax调用。我把它添加到答案中，以避免其他人碰到sampe问题。
我在应用这个解决方案时遇到了一个问题，因为在我的Ajax调用中包含一个选项"async:false"，而在xdr.js中有一个if条件，它只在async-us为true时应用修复。

基于@dennisg接受的答案，我使用moonscript的jquery.xdomainrequest.js成功地完成了这项工作。

以下代码在Chrome、Firefox和IE10中工作正常，但在IE9中失败。我只是简单地包含了脚本，现在它在IE9中自动工作。(大概8个，但我还没有测试过。)

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15

相关讨论

有关如何使用"jquery ajaxtransport xdomainRequest"插件执行此操作的完整说明，请参见：https://github.com/moonscript/jquery-ajaxtransport-xdomainRequest说明

这个插件被积极支持，并处理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/plainconten类型，如下所述：http://blogs.msdn.com/b/ieinternals/archive/2010/05/13/xdomainRequest-restrictions-limitations-and-workarounds.aspx

因此，如果您想使用所有HTTP动词和/或JSON等，就必须使用另一种解决方案。我已经写了一个代理，如果使用IE9或更低，它将优雅地降级为代理。如果使用的是ASP.NET，则根本不需要更改代码。

解决方案分为两部分。第一个脚本是jquery脚本，它钩住jquery ajax处理。如果提出跨域请求并且浏览器是IE，它将自动调用Web服务器：

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19

$.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服务器中，您必须接收请求，从x-corsproxy-url HTTP头获取值，然后执行HTTP请求，最后返回结果。

我的博客帖子：http://blog.gauffin.org/2014/04/how-to-use-cors-requests-in-internet-explorer-9-及以下/

基于moonscript的解决方案，您可以尝试以下方法：

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

好处是，由于它是一个较低级别的解决方案，它将在IE8/9上启用CORS(在可能的范围内)和其他框架，而不仅仅是JQuery。我已经成功地将它与AngularJS以及jQuery1.x和2.x一起使用。

在Internet Explorer 8和更新版本中使用jquery获取跨域JSON

非常有用的链接：

http://graphicmaniacs.com/note/getting-a-cross-domain-json-with-jquery-in-internet-explorer-8-及更高版本/

可以帮助解决从X域请求返回JSON的问题。

希望这能帮助别人。

我刚提出了所有的请求jsonp，因为它是我们所有支持的浏览器(IE7+和Regulars)的唯一解决方案。注意，你的答案在技术上适用于IE9，所以你有正确的答案。

相关讨论

尝试对IE8/9中的CORS请求使用jquery transport xdr jquery插件。

2015年初更新。xdomain是一个广泛使用的库，它支持IE9上的CORS，并且具有有限的额外编码。

https://github.com/jpillora/xdomain

我在我的开发人员机器上测试了一个CORS Web服务，并且只在IE中获得了"访问被拒绝"的错误消息。Firefox和Chrome工作正常。结果发现这是我在Ajax调用中使用localhost造成的！所以我的浏览器URL类似于：

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

我对test.html内部的Ajax调用是这样的：

1
2
3
4
5

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

一旦我更改了Ajax调用以使用我的计算机IP而不是本地主机，一切都会正常工作。

1
2
3
4
5

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

ie dev工具窗口"network"选项卡还显示了cors preflight options请求，后面是xmlhttprequest get，这正是我期望看到的。

要解决此问题，还需要检查Ajax文件中是否包含一些.js，这些文件名为：在Ajax.php中包含shadowbox.js时，收到拒绝访问错误。

注释-注释

不要将"http://www.domain.xxx"或"http://localhost/"或"ip>>127.0.0.1"用于Ajax中的URL。只使用没有地址的路径(目录)和页面名称。

假状态：

1
2
3
4
5

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

真实状态：

1
2
3
4
5

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