javascript - jquery 跨域 $.ajax（） 非jsonp方式

Question

cors方式跨域

服务端 Access-Control-Allow-Origin 此属性设置特定域名的时候可以跨域。

设置*的时候不可以。

是jquery的$.ajax()方式不支持吗？

Answer 1

感觉楼上都没有说到点子上。

Access-Control-Allow-Origin的值可以是单个或者多个特定域名，或者通配符*。

一般情况下，这就够了，题主是ajax跨域，除了后端配置相应的返回头之外（楼上很多都说了），前端也需要相应的请求头。

$.ajax({
  url: 'xxxxxxx',
  type: 'POST',
  dataType: 'json',
  success: function(data) {
    console.log(data);
  },
  xhrFields: {
    withCredentials: true    // 此字段标识要跨域传数据
  },
  crossDomain: true
});

其中，如果跨域还需要传输数据（如cookie等）的话，还得额外的增加withCredentials字段。

最后来个大而全的文档 https://developer.mozilla.org...

Answer 2

好像不支持通配符把，要写完整的链接 比如 http://www.baidu.com

Answer 3

跟ajax方法没关系，是服务端的配置有问题

Answer 4

服务器端改一下

PHP Ajax 跨域问题最佳解决方案

Answer 5

跨域访问需要服务器端支持

Answer 6

疑问已解决 cors跨域，ajax端携带cookie或服务端返回cookie时不支持 response.setHeader("Access-Control-Allow-Origin", "*"); 需要指定特定域名。

整理成文档： http://www.javajh.com/rest/ar...

Answer 7

之前遇到过类似的问题，chrome可以，但是firefox 不支持通配符

Answer 8

跨域的问题不只是Origin，还有Headers和Methods= =

Answer 9

用jQuery cors和非cors，代码是一样。区别在服务端。

Answer 10

我之前设置过，是在接口文件里面设置允许访问 解决跨域问题