如何跨域获取Cookie分析

如何跨域获取Cookie分析,针对这个问题,这篇文章详细介绍了相对应的分析和解答,希望可以帮助更多想解决这个问题的小伙伴找到更简单易行的方法。

成都创新互联公司是专业的富锦网站建设公司,富锦接单;提供网站制作、成都网站设计,网页设计,网站设计,建网站,PHP网站建设等专业做网站服务;采用PHP框架,可快速的进行富锦网站开发网页制作和功能扩展;专业做搜索引擎喜爱的网站,专业的做网站团队,希望更多企业前来合作!

最近在发现使用Taobao的时候的一个小细节,于是便萌发起了写这篇文章。

当我们在 www.taobao.com 中进行登录之后,然后直接切换到 www.tmall.com 域名下,发现www.tmall.com首页的最顶部马上显示成了”您好, andyfaces“,于是便对此处的实现机制进行分析。

首先,用户名应该是存储在cookie中的,于是在taobao.com的域名中用 firefox看到用户名确实是存储在 cookie, 而tmall.com中没有存储该cookie:

如何跨域获取Cookie分析

可以确定的是对于cookie来说肯定是不允许垮域访问的。无论是通过JS还是Server端程序来说都是如此,那么tmall.com是如何访问到taobao.com下的cookie的呢?

于是打开 tmall.com,然后使用firebug来进行调试,发现了一条这样的请求语句

如何跨域获取Cookie分析

其页面的JS代码为:

<script>            KISSY.getScript("http://www.taobao.com/go/app/tmall/login-api.php?"+Math.random())            </script>

看到这里之后于是也大概知道他如何处理了的,为了确认一下,于是搜索一下 KISSY.getScript 函数代码,确实采用了JS跨域的 JSONP 解决方案:

getScript: function(url, success, charset) {                var isCSS = RE_CSS.test(url),                    node = doc.createElement(isCSS ? 'link' : 'script'),                    config = success, error, timeout, timer;                        node.src = url;                    node.async = true;                    scriptOnload(node, function() {                        if (timer) {                            timer.cancel();                            timer = undef;                        }                            S.isFunction(success) && success.call(node);                            // remove script                        if (head && node.parentNode) {                            head.removeChild(node);                        }                    });                head.insertBefore(node, head.firstChild);          }

其原理是通过动态create js include 动态加载js,然后为该script节点bind onload事件或判断onreadystatechange,其具体细节可以参考以上 scriptOnload 的函数的处理。 当js加载完成之后 采用回调方式来执行 success 函数。

为了进一步确实,于是使用 Jquery的 $.getScript 来测试一把,首先在 taobao.com下进行登录成功,然后随便在本地写了一个测试页,通过以下语句:

$.getScript('http://www.taobao.com/go/app/tmall/login-api.php?0.6783450077710154', function(){        console.log("the taobao.com cookie object:" + userCookie + " username:" + userCookie._nk_);    });

Firbug结果:

如何跨域获取Cookie分析

其实大致原理如此,通过在www.taobao.com 的server端提供一个获取当前域下所有cookie的 php的请求地址,然后该php获取到cookie之后将期并成 js 代码,也就是以上第二个截图所看到的。然后再在 tmall 采用 jsonp 的方式跨域加载该 js 代码,从而实现 cookie 的跨域访问。

关于如何跨域获取Cookie分析问题的解答就分享到这里了,希望以上内容可以对大家有一定的帮助,如果你还有很多疑惑没有解开,可以关注创新互联行业资讯频道了解更多相关知识。

标题名称:如何跨域获取Cookie分析
转载源于:https://www.cdcxhl.com/article10/jgjhgo.html

成都网站建设公司_创新互联,为您提供手机网站建设商城网站域名注册响应式网站网站设计全网营销推广

广告

声明:本网站发布的内容(图片、视频和文字)以用户投稿、用户转载内容为主,如果涉及侵权请尽快告知,我们将会在第一时间删除。文章观点不代表本网站立场,如需处理请联系客服。电话:028-86922220;邮箱:631063699@qq.com。内容未经允许不得转载,或转载时需注明来源: 创新互联

商城网站建设