Jquery Ajax 请求调用两次并且第一个请求未在标头中发送令牌

我正在使用 ajax 调用基于 WCF REST 的服务。

ajax 方法在页面加载之前调用。 我希望在ajax请求的标头中发送一个“Token”。在 fiddler 中，我看到的是这样的：

1.) 请求头中没有令牌的服务请求。（AJAX 调用失败） 2.) 使用标头中的令牌对同一服务发出请求。（AJAX 调用已通过）

之后，在 chrome 和 safari 上一切正常。但 IE 10 和 Mozilla 上只有一个服务调用。因此，由于请求标头中没有令牌，因此服务调用在 IE 10 和 Mozilla 中失败。

这是我调用的方法：

function callservice (method, serviceUrl, params, successHandler, errorHandler) {
    $.ajax({
        crossDomain: true,
        type: method,
        url: serviceUrl,
        beforeSend: function (XMLHttpRequest) { XMLHttpRequest.setRequestHeader("Authorization", Token); },
        contentType: "application/json; charset=utf-8",
        dataType: "json",
        success: successHandler,
        error: errorHandler
    });
    function photos(data) {
        alert(data);
        console.log(data);
    };
}

我控制 Web 服务和应用程序（调用此 Web 服务）。当应用程序和 Web 服务都托管在本地主机上时，不会出现此问题。在这种情况下，只有一次成功的服务调用。但是跨域调用的时候会出现两次AJAX调用。

我的问题是为什么 AJAX 请求在第一次尝试时不发送令牌？ 为什么令牌只在第二个 AJAX 调用中发送？

任何形式的帮助将不胜感激。

问题出在 CORS 上。早期，浏览器不允许向与客户端不同的域发出 ajax 请求，因为这被认为是一种安全威胁。现代浏览器只要服务器能够发出跨域 ajax 请求与客户端合作。这就是当浏览器发出跨域请求时实际发生的情况：

1.)首先，浏览器向服务发送“预检”请求，以从 WCF 服务收集授权信息（在我的例子中，这是一个标头方法为“OPTIONS”的请求）。作为回报，Web 服务发送 Access Control Allow Origin 作为其响应标头的一部分。由于此请求，fiddler 上显示的错误是 HTTP 500 错误。此 AJAX 请求在数据字段中没有任何内容，因为它只是一种查找 WCF 服务授权详细信息的方法。

2.) Chrome 和 Safari 现在已获得服务的授权详细信息，然后向 Web 服务发出第二次请求。而 Firefox 和 IE 不喜欢向服务发出第二次 ajax 请求，因为存在 HTTP 500 错误飞行前的请求。因此 Chrome 和 Safari 都能够与该服务进行通信。

因此，解决方案是修改 WCF 服务的响应，以防出现“预检请求”。我修改了服务发送的响应，以防出现“预检请求”发送 HTTP 200 OK 响应。这允许 IE 和 Mozilla 等浏览器在预检请求之后发送实际请求。

这是我提到的来源之一：http://www.bennadel.com/blog/2327-Cross-Origin-Resource-Sharing-CORS-AJAX-Requests-Between-jQuery-And-Node-js.htm http://www.bennadel.com/blog/2327-Cross-Origin-Resource-Sharing-CORS-AJAX-Requests-Between-jQuery-And-Node-js.htm

希望这可以帮助面临同样问题的人。