Cookies是一種能夠讓網站伺服器把少量數據儲存到客戶端的硬碟或記憶體,或是從客戶端的硬碟讀取數據的一種技術。jQuery是一個封裝好的JavaScript庫,使用jQuery可以極大地簡化了JavaScript編程,方便前端開發人員。使用傳統的javascript來操作cookie的話會相對比較繁 ...
Cookies是一種能夠讓網站伺服器把少量數據儲存到客戶端的硬碟或記憶體,或是從客戶端的硬碟讀取數據的一種技術。jQuery是一個封裝好的JavaScript庫,使用jQuery可以極大地簡化了JavaScript編程,方便前端開發人員。使用傳統的javascript來操作cookie的話會相對比較繁瑣些,需要自己封裝相應的方法,而Jquery庫中正好包含了這樣一個操作cookie的插件jquery.cookie.js,大大簡化操作。
首先到Jquery官網下載對應的jquery.cookie.js插件:http://plugins.jquery.com/cookie/。下載完成後將此js文件引入到你的前端頁面中。引入的方法如下(j假設放在js的文件夾中):
<script type="text/javascript" src="js/jquery.min.js"></script> <script type="text/javascript" src="js/jquery.cookie.js"></script>
引入文件之後,你即可使用Jquery.cookie.js中定義的函數方法來操作cookie。
(1)添加一個會話級別的Cookie對象
$.cookie('the_cookie', 'the_value');
通過此語句添加的cookie對象為會話級別,在語句中沒有設置有效期,預設到瀏覽器關閉的時候即會清空。
(2)創建一個包含有效期的持久Cookie對象
$.cookie('the_cookie', 'the_value', { expires: 3 });
在此語句中設置了Cookie有效期為3天。
(3)創建Cookie的同時指定存儲路徑。
$.cookie('the_cookie', 'the_value', { expires: 3, path: '/' });
(4)讀取已有的Cookie對象和刪除Cookie
$.cookie('cookieName'); //cookieName是Cookie對象的Name,如果存在則返回該cookie的Value。
$.cookie('cookieName', null);//cookieName是Cookie對象的Name,如果存在則會將Name的Cookie對象移除。
擴展閱讀:使用原生javascript操作Cookie值。
備註:此文章轉載自博主個人技術站點:IT技術小趣屋。原文鏈接:查看原文。