ajax跨域调用cookie丢失

最新推荐文章于 2023-10-16 17:35:56 发布

Robert_Tong

最新推荐文章于 2023-10-16 17:35:56 发布

阅读量409

点赞数

分类专栏： jquery+ajax

jquery+ajax 专栏收录该内容

2 篇文章

订阅专栏

本文介绍了如何使用原生JavaScript与jQuery实现AJAX跨域请求，包括设置请求头、处理响应等关键步骤，并提供了PHP服务器端配置示例。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

原生ajax请求方式：

<span style="background-color: rgb(255, 255, 255);">var xhr = new XMLHttpRequest();  
xhr.open("POST", "http://xxxx.com/demo/b/index.php", true);  
xhr.withCredentials = true; //支持跨域发送cookies
xhr.send();</span>

jquery的ajax的post方法请求：

 $.ajax({
               type: "POST",
               url: "http://xxx.com/api/test",
               dataType: 'jsonp',
               xhrFields: {
                      withCredentials: true
              },
            crossDomain: true,//去掉此行代码无影响，但为保险留着，具体原因希望有人解答
           success:function(){
     },
           error:function(){
    }
})

服务器端设置（php为例）：

<span style="background-color: rgb(255, 255, 255);">header("Access-Control-Allow-Credentials: true");
header("Access-Control-Allow-Origin: http://www.xxx.com");//必须指定域名，笔者之前使用*允许所有域名跨域调用会出现问题</span>