ajax跨域读不到cookie以及接口请求成功但是ajax不进success而进入error的问题

首页->学习资料->编程语言->php教程->php技巧关键词: 发布时间:2018-11-29 04:21:06 浏览次数:1387

最好的解决方法：最可以设置多个域名，也可以允许cookie跨域

$origin=isset($_SERVER['HTTP_ORIGIN'])?$_SERVER['HTTP_ORIGIN']:'';

$allowDomain=[

'http://www.yunindex.com',

'http://web.yunindex.com'

];

if(in_array($origin,$allowDomain)){

header("Access-Control-Allow-Origin:".$_SERVER['HTTP_ORIGIN']);

header("Access-Control-Allow-Credentials: true");

}

关于withCredentials：

XMLHttpRequest.withCredentials 属性是一个Boolean类型，它指示了是否该使用类似cookies,authorization headers(头部授权)或者TLS客户端证书这一类资格证书来创建一个跨站点访问控制（cross-site Access-Control）请求。在同一个站点下使用withCredentials属性是无效的。

此外，这个指示也会被用做响应中cookies 被忽视的标示。默认值是false。

如果在发送来自其他域的XMLHttpRequest请求之前，未设置withCredentials 为true，那么就不能为它自己的域设置cookie值。而通过设置withCredentials 为true获得的第三方cookies，将会依旧享受同源策略，因此不能被通过document.cookie或者从头部相应请求的脚本等访问。

注: 永远不会影响到同源请求

Note: 不同域下的XmlHttpRequest 响应，不论其Access-Control- header 设置什么值，都无法为它自身站点设置cookie值，除非它在请求之前将withCredentials 设为true。

原文：https://developer.mozilla.org/zh-CN/docs/Web/API/XMLHttpRequest/withCredentials

最近尝试发现下面这种更好，所有域名都可以访问，但是cookie不能跨域：

header('content-type:application:json;charset=utf8');

header('Access-Control-Allow-Origin:*');

header('Access-Control-Allow-Methods:*');

header('Access-Control-Allow-Headers:x-requested-with,content-type');

以下是之前的

在test.hu-rong.com中用ajax调用www.hu-rong.com 的接口，一直http 302读不到cookie,这是由于跨域的时候读cookies要加上

xhrFields':{withCredentials: true}

否则，如果接口那边有验证cookies登录状态的话，是获取不到cookies的，这样会被重定向到登录页面，此时接口就返回状态码302;

但是加了

xhrFields:{withCredentials: true},

crossDomain: true,

后奇怪的是，接口正常返回数据，但ajax就是不进入success，而是进入了error中，后来发现这种设置必须将接口那边跨域的header头中Access-Control-Allow-Origin设置为具体域名，而不是*

接口那边设置允许跨域，然后ajax请求加上：

折腾了大半天不容易，转载请保留本文链接：http://www.hu-rong.com/article/406

示例：在user.hu-rong.com中：

<!DOCTYPE html>

<html>

<head>

<title>Title</title>

$(function(){

$.ajax({

type:'GET',

url:'http://www.hu-rong.com',

xhrFields:{withCredentials: true},

crossDomain: true,

success:function(res){

console.log(res);

alert(2);

error:function(res){

alert(1);

}

});

</script>

</head>

<body>

</body>

</html>

接口端：

header("Access-Control-Allow-Origin:http://user.hu-rong.com");

header("Access-Control-Allow-Credentials: true");

赞:(0)

踩:(0)