jQuery CORS内容类型选项

Question

$.ajax({
  url: "http://some-other-domain/my-path",
  type: "POST",
  contentType: "application/json",
  dataType: "json",
  data: JSON.stringify({
    key: 1,
    key2: 2
  }),
  statusCode: {
    200: function(data) {
    }
  },
  xhrFields: {
    withCredentials: true
  },
  crossDomain: true
});

以下是标题：

响应标头：

HTTP/1.1 200 OK
Server: Apache-Coyote/1.1
Pragma: No-cache
Cache-Control: no-cache
Expires: Thu, 01 Jan 1970 03:00:00 EET
Set-Cookie: JSESSIONID=BB9D6783E58FB0F2ADE1924A2F0CBA52; Path=/
Content-Type: text/html;charset=UTF-8
Content-Length: 6233
Date: Fri, 07 Sep 2012 14:41:13 GMT

请求标题：

OPTIONS /my-path HTTP/1.1
Host: MY-HOME-NAME
User-Agent: MY_USER_AGEMT
Accept: text/html,application/xhtml+xml,application/xml;q=0.9,*/*;q=0.8
Accept-Language: en-us,en;q=0.5
Accept-Encoding: gzip, deflate
Connection: keep-alive
Origin: HERE-GOES-DOMAIN
Access-Control-Request-Method: POST
Access-Control-Request-Headers: content-type
Pragma: no-cache
Cache-Control: no-cache

CORS工作得很好，所有所需的头都是由服务器发送的，但如果它是由选项类型发送的，就不是了。是jQuery问题吗？

jQuery-1.8.1

Answer 1

如果您无法控制远程服务器，那么您需要请求它们支持CORS预飞行，或者尝试一些其他选项，如JSON-P。

Access-Control-Allow-Origin: *
Access-Control-Allow-Methods: POST
Access-Control-Allow-Headers: Content-Type

响应应该是HTTP 200。access-control-allog-methods响应标头可以回显access-control-request-method的值，也可以是get、POST、PUT、delete以支持所有方法。access-control-allog-headers响应标头应回显access-control-request-headers请求标头中的值。

一旦浏览器接收到这些头，它就会发出实际的请求。您可以在这里了解更多关于CORS飞行前请求的信息：

http://www.html5rocks.com/en/tutorials/cors/