JS對cookie進行操作

2021-09-30 01:21:23 字數 1139 閱讀 9579

在開發過程中我們需要在js中操作cookie

最近開發就遇到乙個場景:

我們專案採用的springmvc,每乙個url我們都存入了資料庫做了許可權控制;

現在需要在訪問這些url的時候需要額外的向後台傳入一些額外的引數,如果修改url的話那麼就要修改資料庫裡的每一條資料,這樣就很麻煩而且容易出錯;

於是我的解決方案就是在訪問這些url前動態的設定cookie,這樣在後台controller裡就能拿到動態傳入的新的引數了。

1、js設定cookie

舉例:document.cookie="name=chen";

如果需要操作iframe裡的cookie,則類似:

document.getelementbyid("ifr").contentwindow.document.cookie="name=chen";

window.frames[0].contentwindow.document.cookie="name=chen";

執行這句js即會向cookie中新增乙個key為name值為chen的資料,而且在關閉瀏覽器頁面時這個cookie項也就被銷毀了;

2、設定cookie的失效時間

舉例:document.cookie="username=john smith; expires=thu, 18 dec 2013 12:00:00 gmt;";

3、設定path

在不同目錄下的js設定的cookie互相之間訪問是有訪問隔離的,比如 

下的html裡js設定的cookie1,下的html裡的js預設是拿不到cookie1的,為了讓整個應用的cookie能取消這種訪問限制可以在建立cookie時指定乙個path

舉例:document.cookie="username=john smith; expires=thu, 18 dec 2013 12:00:00 gmt; path=/";

4、cookie域屬性設定

舉例:document.cookie = "username=666

5、刪除cookie

只需要把值設定成空即可

記錄:document.cookie = "username=; expires=thu, 01 jan 1970 00:00:00 gmt";

JS對cookie的操作

在本地測試cookie,可用火狐瀏覽器測試,因為其他所有瀏覽器在本地都會把cookie給乾掉,火狐不會。document.cookie user blue document.cookie pass 12345 注意 js中的等號代表賦值 覆蓋,但在cookie中代表新增 例項化日期物件 let od...

Java 中對Http 進行 Cookie操作

首先cookie是我們後端向前端傳輸資料的時候設定的一些資料字段,但是cookie的作用並不是用來傳輸資料,傳輸資料的工作交給json,cookie更多的是用作驗證 當使用者登入之後,我們會向使用者的前端cookie裡設定 token 之類的字段用於後續判斷使用者的身份,那麼為什麼可以要用cooki...

對cookie進行封裝

先上個 function easycookie 初始化值,將cookie裡的鍵值對放入本物件種 if document.cookie var ck document.cookie var index 0 var len ck.length var key var value 標記當前時記錄鍵 k模式...