在域上創建JavaScript Cookie並通過子域讀取它

Question

以下是在用戶計算機上寫入12個月的JavaScript Cookie。

當我們在我們的主域如example.com上設置了cookie後，如果用戶訪問像test.example.com這樣的子域，我們需要繼續在我們的「測試」子域中標識用戶的活動。

但是對於當前的代碼，只要他們離開www.example.com並訪問test.example.com，它們不再被標記爲「HelloWorld」。

任何人都可以幫助我的代碼，以允許cookie跨子域讀取？

<script type="text/javascript"> 
    var cookieName = 'HelloWorld'; 
    var cookieValue = 'HelloWorld'; 
    var myDate = new Date(); 
    myDate.setMonth(myDate.getMonth() + 12); 
    document.cookie = cookieName +"=" + cookieValue + ";expires=" + myDate; 
</script> 

Answer 1

只需設置你的Cookie中的domain和path屬性，如：

<script type="text/javascript"> 
var cookieName = 'HelloWorld'; 
var cookieValue = 'HelloWorld'; 
var myDate = new Date(); 
myDate.setMonth(myDate.getMonth() + 12); 
document.cookie = cookieName +"=" + cookieValue + ";expires=" + myDate 
        + ";domain=.example.com;path=/"; 
</script> 

Answer 2

你想：

document.cookie = cookieName +"=" + cookieValue + ";domain=.example.com;path=/;expires=" + myDate; 

按照該RFC 2109，有提供給所有子域名的cookie，你必須把.在您的域名前面。

設置路徑= /將使cookie在整個指定域內（又名.example.com）可用。

Answer 3

document.cookie = "testCookie=cookieval; domain=." + 
location.hostname.split('.').reverse()[1] + "." + 
location.hostname.split('.').reverse()[0] + '; path=/" 

這是一個通用的解決方案，從位置需要的對象的根域和設置cookie。倒退是因爲你不知道你有多少個子域名。

Answer 4

您還可以使用MDN JavaScript Cookie Framework做：

docCookies.setItem('HelloWorld', 'HelloWorld', myDate, '/', 'example.com');