Wednesday, December 4, 2013

用 Javascript 控制 Cookie

要使用 Javascript 控制 Cookie 其實很簡單,首先要先搞懂 cookie 的格式。

Cookie 在瀏覽器收到從伺服器傳回的 HTTP Response 時,同時就夾帶了 Set-Cookie 的欄位。通常會是像

Set-Cookie: name=value; expires=date; path=path; domain=domain;

ex:

Set-Cookie: myCookies=”Hello World”; expires=Tue, 03 Dec 2013 16:55:07 GMT; path=/Conjuror/R67A3; domain=fiddle.jshell.net;

透過 document.cookie,我們可以直接對 cookie 做設定。要讓一個 cookie 失效,我們只要將日期設定一個已經過期的日期即可。

下面是一個簡單的範例:http://jsfiddle.net/Conjuror/R67A3/