最近在發(fā)現(xiàn)使用Taobao的時(shí)候的一個(gè)小細(xì)節(jié)，于是便萌發(fā)起了寫(xiě)這篇文章。

當(dāng)我們?cè)?www.taobao.com 中進(jìn)行登錄之后，然后直接切換到 www.tmall.com 域名下，發(fā)現(xiàn)www.tmall.com首頁(yè)的最頂部馬上顯示成了： 您好, andyfaces。 首先，用戶名應(yīng)該是存儲(chǔ)在cookie中的，于是在taobao.com的域名中用 firefox看到用戶名確實(shí)是存儲(chǔ)在 cookie, 而tmall.com中沒(méi)有存儲(chǔ)該cookie:

可以確定的是對(duì)于cookie來(lái)說(shuō)肯定是不允許垮域訪問(wèn)的。無(wú)論是通過(guò)JS還是Server端程序來(lái)說(shuō)都是如此，那么tmall.com是如何訪問(wèn)到taobao.com下的cookie的呢?

于是打開(kāi) tmall.com，然后使用firebug來(lái)進(jìn)行調(diào)試，發(fā)現(xiàn)了一條這樣的請(qǐng)求語(yǔ)句，

其頁(yè)面的JS代碼為：

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

看到這里之后于是也大概知道他如何處理了的，為了確認(rèn)一下，于是搜索一下 KISSY.getScript 函數(shù)代碼，確實(shí)采用了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); }

其原理是通過(guò)動(dòng)態(tài)create js include 動(dòng)態(tài)加載js，然后為該script節(jié)點(diǎn)bind onload事件或判斷onreadystatechange，其具體細(xì)節(jié)可以參考以上 scriptOnload 的函數(shù)的處理。 當(dāng)js加載完成之后 采用回調(diào)方式來(lái)執(zhí)行 success 函數(shù)。

為了進(jìn)一步確實(shí)，于是使用 Jquery的 $.getScript 來(lái)測(cè)試一把，首先在 taobao.com下進(jìn)行登錄成功，然后隨便在本地寫(xiě)了一個(gè)測(cè)試頁(yè)，通過(guò)以下語(yǔ)句:

$.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結(jié)果：

其實(shí)大致原理如此，通過(guò)在www.taobao.com 的server端提供一個(gè)獲取當(dāng)前域下所有cookie的 php的請(qǐng)求地址，然后該php獲取到cookie之后將期并成 js 代碼，也就是以上第二個(gè)截圖所看到的。然后再在 tmall 采用 jsonp 的方式跨域加載該 js 代碼，從而實(shí)現(xiàn) cookie 的跨域訪問(wèn)。

總結(jié)

以上是生活随笔為你收集整理的淘宝跨域获取Cookie分析的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問(wèn)題。

如果覺(jué)得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。