JQuery Cookie 是一款非常方便的插件,可以輕松處理 cookie 的存取操作。在使用 JQuery Cookie 之前,需要先引入 JQuery 庫和 JQuery Cookie 庫:
<script src="jquery.js"></script> <script src="jquery.cookie.js"></script>
JQuery Cookie 提供了很多方便的方法:
//設置一個 cookie,參數:key、value和可選的屬性options $.cookie('name', 'value', { expires: 7, path: '/' }); //獲取一個 cookie,參數:key $.cookie('name'); //刪除一個 cookie,參數:key $.removeCookie('name'); //獲取所有 cookies $.cookie();
在上面的代碼中,{ expires: 7, path: '/' }
是一個可選的屬性對象,表示 cookie 的有效期為 7 天,作用域為根目錄。
另外,在 JQuery Cookie 中,value 會被自動編碼為字符串,但獲取時不需要自己解碼。如果需要存儲一個對象或數組,可以使用JSON.stringify
和JSON.parse
方法進行編解碼:
var obj = {name:'abc', age:20}; $.cookie('myobj', JSON.stringify(obj)); var obj2 = JSON.parse($.cookie('myobj'));
總之,使用 JQuery Cookie 可以方便地處理 cookie 的存取操作,大大簡化了開發工作。在使用時,需要注意設置合適的屬性選項,避免出現不必要的問題。