编程基础网 / 编程教程 / 前端开发 / 正文

Ajax跨域请求COOKIE无法带上的完美解决办法

编程基础网前端开发

2023-02-01

这篇文章主要介绍了Ajax跨域请求COOKIE无法带上的解决办法,需要的朋友可以参考下

1、原生ajax请求方式：

1 var xhr = new XMLHttpRequest();

2 xhr.open("POST", "http://xxxx.com/demo/b/index.php", true);

3 xhr.withCredentials = true; //支持跨域发送cookies

4 xhr.send();

2、jquery的ajax的post方法请求：


$.ajax({
    type: "POST",
    url: "http://xxx.com/api/test",
    dataType: 'json',
　　　　// 允许携带证书
    xhrFields: {
       withCredentials: true
    },
　　　　// 允许跨域
    crossDomain: true,
    success:function(){
    },
    error:function(){
  }
})

3、服务器端设置：


header("Access-Control-Allow-Credentials: true");
header("Access-Control-Allow-Origin: http://www.xxx.com");

以上所述是小编给大家介绍的Ajax跨域请求COOKIE无法带上的完美解决办法，希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对编程学习网网站的支持！

编程基础网

本文标题为：Ajax跨域请求COOKIE无法带上的完美解决办法

上一篇：巧用ajax请求服务器加载数据列表时提示loading的方法

下一篇：给Ajax返回的HTML标签动态添加样式的方法

基础教程推荐

学习HTML

学习jQuery

学习Laravel

学习CSS3

学习Vue.js

学习Bootstrap5

学习ThinkPHP

学习AJAX