带有CORS的IE9 jQuery AJAX返回“访问被拒绝”

以下内容适用于IE以外的所有浏览器（我正在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'
            }
        );

我还有一个使用的函数dataType: 'jsonp'，但不需要此AJAX调用返回的任何数据。我的最后一招是返回包装在JSONP中的一些杂物，以使其工作。

有什么想法为什么IE搞砸了不返回任何数据的CORS请求？

这是jQuery 的已知错误。jQuery团队“没有计划在内核中支持此功能，因此更适合作为插件”。（请参阅此评论）。IE浏览器无法使用XMLHttpRequest的，但命名的替代对象XDomainRequest。

还有就是可以支持这jQuery的一个插件，它可以在这里找到： https://github.com/jaubourg/ajaxHooks/blob/master/src/xdr.js

编辑 该功能$.ajaxTransport注册运输厂。甲转运用于内部由$.ajax执行请求。因此，我认为您应该能够$.ajax照常打电话。有关运输和扩展的信息$.ajax可以在这里找到。

另外，可以在此处找到该插件的更好版本。

其他两个注意事项：

1. 对象XDomainRequest是从IE8引入的，在以下版本中将不起作用。
2. 从IE10开始，将使用常规XMLHttpRequest支持 CORS 。

编辑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成功完成了此任务的jQuery.XDomainRequest.js任务。

以下代码在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类型，如下所述：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，它将自动调用Web服务器：

$.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-and-below/

我刚刚发出了所有请求JSONP，因为它是所有受支持的浏览器（IE7 +和常规浏览器）的唯一解决方案。请注意，您的答案在技术上适用于IE9，因此您拥有正确的答案。

在MoonScript解决方案的基础上，您可以尝试以下方法：

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

好处是，由于它是较低级别的解决方案，因此它将在IE 8/9上通过其他框架（而不仅仅是jQuery）启用CORS（在可能的范围内）。我已经在AngularJS，jQuery 1.x和2.x上成功使用了它。

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

非常有用的链接：

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

可以解决从X域请求返回json的麻烦。

希望这对某人有帮助。

为了解决此问题，还请检查您的ajax文件中是否包含一些包含.js的文件：我在ajax.php中包含shadowbox.js时收到访问拒绝错误。

我在我的开发机上测试了CORS Web服务，并且仅在IE中收到“访问被拒绝”错误消息。Firefox和Chrome正常运行。事实证明，这是由于我在ajax调用中使用了本地主机引起的！所以我的浏览器URL是这样的：

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

我在test.html中的ajax调用是这样的：

//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工具窗口的“网络”选项卡还显示了CORS Preflight OPTIONS请求，其后是XMLHttpRequest GET，这正是我期望看到的。

从2015年初开始更新。xDomain是一个广泛使用的库，以有限的额外编码支持IE9上的CORS。

https://github.com/jpillora/xdomain

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

注意-注意

不要在ajax中使用“ http://www.domain.xxx ”或“ http：// localhost / ”或“ IP >> 127.0.0.1”作为URL。仅使用路径（目录）和页面名称而不使用地址。

错误状态：

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