jquery.cookie的使用

時間 2019-11-16

標籤 jquery.cookie jquery cookie 使用欄目 JQuery 简体版

原文原文鏈接

今天想到了要爲本身的影像日記增長讚的功能，而且須要用到cookie。javascript

記得原生的js操做cookie也不是很麻煩的，但彷佛jquery更簡單，不過相比原生js，須要額外引入2個文件，彷佛又不是很好，但既然你的項目是基於jquery的，那用jquery.cookie仍是不錯的。php

jquery.cookie的項目地址：jquery-cookiecss

readme.md中也介紹了用法。簡單介紹一下後，下面咱們結合實例來用：html

增：$.cookie(‘isZan’, ‘1’, { expires: 1, path:’/’});java

數字1表示設置有效期爲1天，path:’/’表示當前域名的根目錄，例如www.baidu.com，這樣設置之後cookie值就能夠通用。jquery

刪：\$.cookie(‘isZan’, null);或者 \$.removeCookie(‘isZan’);git

其它相關參數：github

secure: true數據庫

默認值：false。若是爲true，cookie的傳輸須要使用安全協議（HTTPS）。緩存

raw: true

默認值：false。

默認狀況下，讀取和寫入 cookie 的時候自動進行編碼和解碼（使用encodeURIComponent 編碼，

decodeURIComponent 解碼）。要關閉這個功能設置 raw: true 便可。

詳細請參考官方，還有這篇：jquery.cookie 使用方法

【實例】我想點擊設置cookie，點擊刪除則刪除該cookie。頁面圖：

那麼咱們的html代碼是：

 
   <body>
<a href="#" class="zan">點贊</a>
 
<a href="#" class="del">刪除cookie</a>
 
<script src="http://cdn.bootcss.com/jquery/2.1.4/jquery.min.js"></script>
<script src="jquery.cookie.js"></script>
 
</body>

js代碼

 
   $(function(){
 
$('.zan').click(function(){
 
//先判斷cookie是否等於咱們設置的
// 若是不等於，就發送加1的請求
if($.cookie('isZan') == undefined){
$.post('add.php',{id:"1"}, function(data){
if(data == "ok"){
 
//若是數據庫寫入加1成功則，添加cookie緩存
$.cookie('isZan', '1', { expires: 1 });
 
}
});
 
}
// 若是存在則不加1，彈出提示
else{
alert("今天已經贊過一次了，感謝你！");
}
 
});
//刪除cookie
$('.del').click(function(){
if($.cookie('isZan') != undefined){
// $.cookie('isZan', null);
$.removeCookie('isZan');
alert("你的cookie值已成功刪除！");
}
});
 
}); 
  

當點擊之後，查看cookie

點擊刪除，

但若是你是用的