[精讚] [會員登入]
2714

Javascript/Jquery 建立、讀取、刪除cookie值

Javascript/Jquery 建立、讀取、刪除cookie值

此文完整連結 http://n.sfs.tw/10319

複製連結 Javascript/Jquery 建立、讀取、刪除cookie值@新精讚
(文章歡迎轉載,務必尊重版權註明連結來源)
2016-11-28 12:30:40 最後編修
2016-11-28 12:30:20 By 張○○
 

[JQuery]

原本HTML要建立C、讀取R、刪除D、cookie我都使用別人寫的jquery 插件COOKIE plugin[1],使用上就簡化很多:

建立

$.cookie("example", "foo"); // Sample 1
$.cookie("example", "foo", { expires: 7 }); // Sample 2
$.cookie("example", "foo", { path: '/admin', expires: 7 }); // Sample 3

取得/刪除

alert( $.cookie("example") );
$.removeCookie("example");

缺點是這得架構在jquery,而且得引入一個插件,對於有時不想用jq的我造成困擾,的確jq是很方便啦,但是jq會一直升級有時只想單純的建立讀取,不想那一大包jq,所以使用javascript 的方法來解決。

[JavaScript]

// 建立cookie
function createCookie(name, value, days, path) {
  if (days) {
    var date = new Date();
    date.setTime(date.getTime() + (days * 24 * 60 * 60 * 1000));
    var expires = "; expires=" + date.toGMTString();
  }
  else var expires = "";
  document.cookie = name + "=" + value + expires + "; path=/";
}
//讀取
function readCookie(name) {
   var nameEQ = name + "=";
   var ca = document.cookie.split(';');
   for (var i = 0; i < ca.length; i++) {
      var c = ca[i];
      while (c.charAt(0) == ' ') c = c.substring(1, c.length);
      if (c.indexOf(nameEQ) == 0) return c.substring(nameEQ.length, c.length);
   }
   return null;
}
//刪除
function eraseCookie(name) {
   createCookie(name, "", -1);
}

使用範例:
讀取
   ds= readCookie('showadv');

建立(有效3日)
  var ds="some value";
  createCookie('showadv', ds, 3);

刪除(等於建立一個逾期的cookie)
  eraseCookie('showadv');

參考資料

[1] http://stackoverflow.com/questions/1599287/create-read-and-erase-cookies-with-jquery

你可能感興趣的文章

[Jquery] 複選的checkbox取值 遇到複選的checkbox該如何取值?

[CKeditor4] 修改特殊字元 CKeditor4 中設定自己想用的特殊字元

Jquery 圖片放大的工具:放大鏡 想讓網頁上的圖片局部放大,有沒有簡單好用的 jquery?

[Javascript/Jquery] 移除textarea中空行、空白行。 textarea中要移除沒內容的空行、只有空白的行、只有定位字元的行

[Javascript] 偵錯方式 (火狐中的javascript偵錯) javascript 並不是很容易偵錯(debug)的語言,但那是以前,現在有很多瀏覽器支持很多的工具,此文以火狐為例談談偵錯...

[Javascript] NaN是什麼? javascript 的NaN和取得整數

[Bootstrap] Datepicker使用/Bootstrap日期選日期選擇器的使用 Bootstrap日期選日期選擇器的使用

正則表達式:Email名稱防止連續輸入點(.)及下底線(_) Email的名稱中要允許特殊符號,但又不允許連續出現的正則表達式

[CKeditor4] 修改調色盤 修改ckeditor預設的調色盤

[CKeditor4] 設定區塊樣式、段落格式、字型名稱及字型大小 CKeditor4中要自訂設定區塊樣式、段落格式、字型名稱及字型大小。

我有話要說


限制:留言最高字數1000字,超過部分會被截掉。請注意:留言不可帶有網址,會被濾掉。 限制:未登入訪客,每則留言間隔需超過10分鐘,每日最多5則留言。

訪客留言

[無留言]

隨機好文

精讚的版面變化 ▓此文僅作為舊文的記錄▓ 這篇文章為了紀念改版完成而撰寫。 原本的部落格是民國97年的作品,那時還是用舊有的技術來寫,很

最值得學的電腦技能 什麼是最值得學的電腦技能?程式設計?美工繪圖?系統網路?還是…? 都不是!個人覺得一個最值得學的電腦技能就

我的便利帶變垃圾袋--談預付制 預付制說穿了,就是對賣家極有利,對買家極小利的消費經營模式。

FTP的主動模式及被動模式 FTP的服務常會被防火牆擋掉,所以對於主動和被動模式,需要很了解

清潔瓦斯爐盤 瓦斯爐上面的金屬盤,用久後就會黑黑油油,怎麼清怎麼刷也弄不乾淨,今天我發現一個方法可以弄乾淨…