天枫庄资源网

Ajax跨域访问Cookie丢失问题的解决方法
网络编程 2024/12/27 佚名
2 0
天枫庄资源网 Design By www.wosibo.com

ajax跨域访问，可以使用jsonp方法或设置Access-Control-Allow-Origin实现，关于设置Access-Control-Allow-Origin实现跨域访问可以参考之前我写的文章《ajax 设置Access-Control-Allow-Origin实现跨域访问》

1.ajax跨域访问,cookie丢失

首先创建两个测试域名

a.fdipzone.com 作为客户端域名

b.fdipzone.com 作为服务端域名

测试代码

setcookie.PHP 用于设置服务端cookie

<"htmlcode">



<"htmlcode">



<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
 <head>
 <meta http-equiv="content-type" content="text/html;charset=utf-8">
 <script src="/UploadFiles/2021-04-02/jquery-1.11.0.min.js">


首先先执行http://b.fdipzone.com/setcookie.php, 创建服务端cookie。


然后执行http://a.fdipzone.com/test.html


输出





{"success":true,"name":"fdipzone","cookie":""}





获取cookie失败。


2.解决方法


客户端


请求时将withCredentials属性设置为true


使可以指定某个请求应该发送凭据。如果服务器接收带凭据的请求，会用下面的HTTP头部来响应。


服务端


设置header





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





允许请求带有验证信息


test.html 修改如下







<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
 <head>
 <meta http-equiv="content-type" content="text/html;charset=utf-8">
 <script src="/UploadFiles/2021-04-02/jquery-1.11.0.min.js">


server.php 修改如下





<"htmlcode">



{"success":true,"name":"fdipzone","cookie":"1484558863"}





获取cookie成功


3.注意事项


1.如果客户端设置了withCredentials属性设置为true，而服务端没有设置Access-Control-Allow-Credentials:true，请求时会返回错误。





XMLHttpRequest cannot load http://b.fdipzone.com/server.php. Credentials flag is 'true', but the 'Access-Control-Allow-Credentials' header is ''. It must be 'true' to allow credentials. Origin 'http://a.fdipzone.com' is therefore not allowed access.





2.服务端header设置Access-Control-Allow-Credentials:true后，Access-Control-Allow-Origin不可以设为*，必须设置为一个域名，否则回返回错误。





XMLHttpRequest cannot load http://b.fdipzone.com/server.php. A wildcard '*' cannot be used in the 'Access-Control-Allow-Origin' heade





下面看下Ajax跨域请求COOKIE无法带上的解决办法


原生ajax请求方式：





var xhr = new XMLHttpRequest(); 
xhr.open("POST", "http://xxxx.com/demo/b/index.php", true); 
xhr.withCredentials = true; //支持跨域发送cookies
xhr.send();





jquery的ajax的post方法请求：





 $.ajax({
    type: "POST",
    url: "http://xxx.com/api/test",
    dataType: 'jsonp',
    xhrFields: {
      withCredentials: true
    },
   crossDomain: true,
   success:function(){
  },
   error:function(){
 }
})





服务器端设置：





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





以上所述是小编给大家介绍的Ajax跨域访问Cookie丢失问题的解决方法，希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对网站的支持！


                                

                                

                                     

                                

                                    标签：
                                        
ajax跨域cookie丢失

                                     

                                
天枫庄资源网 Design By www.wosibo.com

                            

                        

                        

                            

                                广告合作：本站广告合作请联系QQ：858582 申请时备注：广告合作（否则不回）

                                免责声明：本站文章均来自网站采集或用户投稿，网站不提供任何软件下载或自行开发的软件！
                                如有用户或公司发现本站内容信息存在侵权行为，请邮件告知！ 858582#qq.com
                            

                        

                        

                            
                            
                        

                        
                        
天枫庄资源网 Design By www.wosibo.com

                        

                            

                                
                                
                                    评论“Ajax跨域访问Cookie丢失问题的解决方法”
                                
                            

                            

                                

                                    
                                    

                                    

                                        
暂无Ajax跨域访问Cookie丢失问题的解决方法的评论...
www.wosibo.com 天枫庄资源网
139,976影音资源
144,792福利资源
21,817软件资源
631,128技术资源

更新日志

友情链接

杰晶网络 DDR爱好者之家 桃源资源网 杰网资源 富贵资源网 南强小屋 铁雪资源网 幽灵资源网 万梅资源网 狼山资源网 白云岛资源网 昆仑资源网 相思资源网 明霞山资源网 内蒙古资源网 黑松山资源网 茶园资源网 饿虎岗资源网 大旗谷资源网 常春岛资源网 岱庙资源网 兴国资源网 快活林资源网 蝙蝠岛资源网 帝王谷资源网 白云城资源网 伏龙阁资源网 清风细雨楼 天枫庄资源网 圆月山庄资源网 无争山庄资源网 神水资源网 移花宫资源网 神剑山庄资源网 无为清净楼资源网 金钱帮资源网 丐帮资源网 华山资源网 极乐门资源网 小李飞刀资源网 凤求凰客栈 风云阁资源网 金狮镖局 鸳鸯亭资源网 千金楼资源网 更多链接
天枫庄资源网 Design By www.wosibo.com