Question

我有以下jquery代码

 $('#spam').click(function () {
    $.ajax({
        type: 'GET',
        url: 'http://www.my-contacts.com/contacts/api/contacts',
        dataType: 'json',
        contentType: 'application/json; charset=utf-8',
        headers: { 'Authorization=': 'Bearer ' },

    }).done(function () {
        alert("success");
    })
.fail(function (xhr, textStatus, errorThrown) {
    console.log(xhr);
    alert("Error:" + xhr);
});
});

浏览器发送带有选项的预检请求，并从服务器获取200（我安排了一个被调用的处理程序）。以下是标题

**Response Headers view source**
Access-Control-Allow-Head...    Authorization, X-Authorization
Access-Control-Allow-Meth...    GET, POST, PUT, DELETE, HEAD, OPTIONS
Access-Control-Allow-Orig...    *
Cache-Control   no-cache
Content-Length  0
Date    Fri, 13 Dec 2013 12:01:18 GMT
Expires -1
Pragma  no-cache
Server  Microsoft-IIS/7.5
X-AspNet-Version    4.0.30319
X-Powered-By    ASP.NET

**Request Headers view source**
  Accept    text/html,application/xhtml+xml,application/xml;q=0.9,*/*;q=0.8
  Accept-Encoding   gzip, deflate
  Accept-Language   en-US,en;q=0.5
  Access-Control-Request-He...  content-type
  Access-Control-Request-Me...  GET
  Connection    keep-alive
  Host  www.my-contacts.com
  Origin    http://www.my-promo.com
  User-Agent    Mozilla/5.0 (Windows NT 6.1; WOW64; rv:25.0) Gecko/20100101 Firefox/25.0

问题是浏览器应该继续使用GET请求，但没有任何反应，我从.error（）Jquery代码收到错误。

任何指针？

修改

事实证明，上述原因无效的原因很多。然而它最终归结为JQuery与CORS不兼容（至少我使用1.8.2的版本，但我也尝试了1.10）

我用

更改了代码

(function () {
            x = new XMLHttpRequest();
            x.open('GET', 'http://www.my-contacts.com/contacts/api/contacts', false);
            x.onreadystatechange = function () {
                if (x.readyState === 4) {
                    console.info(x.responseText);
                }
            };
            x.setRequestHeader("Content-Type", "text/plain;charset=UTF-8");
            x.setRequestHeader('Authorization', 'Bearer ' + accessToken);
            x.send('');
        })();

但是此代码不适用于IE或FF。另一方面，Chrome可以完美运行。另外两个给我一个错误x.send('')

Answer 1

如果不查看服务的配置，很难说出了什么问题。要让它发挥作用真的很棘手。这个链接帮助我很多。他正在配置WCF服务，但我认为值得一读..

Implementing CORS support in WCF

Jquery Ajax到Web Api CORS无法正常工作

1 个答案: