網頁

輕鬆在 Client 端存取 Cookies

[ 前言 ]
使用 Javascript 來存取 Cookie 雖然不需要寫很多的程式碼,不過起碼也要 10 多行,所以網路上有人用 jQuery 寫了 Cookie 的 Plugin,不管是要讀取 Cookie 也好,設定 Cookie 也好,或是要刪除 Cookie,都只要短短一行就能解決,趕快來看看如何使用如此方便的 Plugin 吧。

[ jQuery.cookie 下載 ]
[ Cookies 使用方法 ]
步驟 1.

搜尋</head>,並且在</head>上方插入下列程式碼。

<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.2.6/jquery.min.js' type='text/javascript'/>
步驟 2.

把下載的檔案上傳到網路空間,然後在 步驟 1. 的程式碼下方插入下列程式碼。

<script src='你的網路空間/jquery.cookie.js' type='text/javascript'/>
[ Cookies 範例 ]
jQuery.Cookie 有取得 cookie、設定 cookie、設定 cookie 無效的時間、刪除 cookie、還有設定 cookie 使用的網域功能,其中 the_cookie 為 cookie 的名稱,the_value 是 cookie 的值,expires: 7 是用來設定幾天後 cookie 自動無效,path:'/' 是設定 cookie 能使用的網域。

<script type='text/javascript'>
  $.cookie('the_cookie'); // 取得 cookie
  $.cookie('the_cookie', 'the_value'); // 設定 cookie
  $.cookie('the_cookie', 'the_value', { expires: 7,path:'/' }); // 設定 cookie 並且同時設定 cookie 無效的時間和網域位置,無效的時間是以天數為單位
  $.cookie('the_cookie', '', { expires: -1 }); // 刪除 cookie
<script>
[ 參考資料 ]

沒有留言:

張貼留言

1. 文章如有錯誤,歡迎指正。
2. 請勿打廣告,違者一律刪。
3. 歡迎您提供寶貴的意見。