JavaScript 讀取cookie

admin發表於2019-10-24

Cookie建立後,自然就有讀取需求,本文將通過程式碼例項做一下介紹。

關於建立Cookie可以參閱JavaScript 建立Cookie一章節。

與設定Cookie一樣,JavaScript獲取Cookie同樣需要document.cookie屬性。

關於document.cookie具體用法可以參閱document.cookie 用法一章節。

一.document.cookie獲取Cookie:

下面通過此屬性在谷歌開發者工具檢視一下螞蟻部落首頁的cookie。

程式碼執行效果截圖如下:

a:3:{s:3:\"pic\";s:43:\"portal/201910/24/122158sfoofvmoxuo4f06a.png\";s:5:\"thumb\";s:0:\"\";s:6:\"remote\";N;}

cookie之間通過一個分號和空格間隔,通過這個特點可以提取指定的Cookie。

二.封裝:

[JavaScript] 純文字檢視 複製程式碼
function getCookie(name){
  let arr = document.cookie.match(new RegExp("(^| )" + name + "=([^;]*)(;|$)"));
  if (arr != null) return decodeURIComponent(arr[2]); 
  return null;
}
typeof getCookie("antzone");

上述程式碼可以獲取指定鍵名的cookie值,直接套用即可。

特別說明:JavaScript只能獲取Cookie的鍵值對,其他約束引數無法獲取,比如無法獲取過期時間等。

相關文章