JS cookie會話詳解

2021-10-10 05:19:37 字數 2293 閱讀 7211

多次請求頁面,資料共享

;//存 cookie

console.

log(document.cookie)

;// 取 cookie

修改:再次寫乙個同名cookie,即可覆蓋修改了

刪除:將expires值比如取為-1,時效寫為以前的日期

// 存cookie 

function

setcookie()

);}// 取cookie

function

getcookie()

// 刪除cookie

function

deletecookie());}

var d =

newdate()

;d.setdate

(d.getdate()

+2);

//例如設定到過期的日期為2天後

document.cookie =

"username=zhangsan;expires="

+d;

document.cookie =

"name=zhangsan;path=/"

;//將存的cookie設定儲存在/根路徑下,確保該**下的每個頁面都可以取這個cookie

}

1.只能使用文字,不能中文,不能存物件

2 單條儲存有大小限制 4kb

3 數量限制(一般瀏覽器,限制大概在50條左右)

4 讀取有網域名稱限制 不可跨域讀取,只能由來自 寫入cookie的 同一網域名稱 的網頁可進行讀取。

5 時效限制 每個cookie都有時效,最短的有效期是,會話級別:就是當瀏覽器關閉,那麼cookie立即銷毀

encodeuricomponent用於編碼,可將中文轉化為其他字元,例如encodeuricomponent(『張三』),結果為"%e5%bc%a0%e4%b8%89"

decodeuricomponent反之用於解碼

decodeuricomponent("%e5%bc%a0%e4%b8%89"); // 張三

var username =

"張三"

;username =

encodeuricomponent

(username)

;document.cookie =

"username="

+username;

console.

log(document.cookie)

;

var obj =

;// 存cookie

tools.

cookie

("cart"

,json

.stringify

(obj),)

;// 取cookie

var obj2 =

json

.parse

(tools.

cookie

("cart"))

;console.

log(obj2)

;

var tools =

* @return string 取cookie的時候返回的當前cookie的值

*/cookie :

function

(key, value, option)

; arr.

foreach

(function

(ele)

)// 判斷obj物件裡面有沒有這個key

return obj[key]

? obj[key]:""

;}else

// expires

if(option.expires)

} document.cookie = str;}}

}// 以後就可以引用這個寫好的方法

// 例如:

//存cookie

// tools.cookie("name", "張三", );

//取cookie

// console.log(tools.cookie("name"));

Js cookie的用法詳解

今天剛剛看了cookie覺得這個東西還是很有用的列如登陸頁面的時候記住使用者名稱這個功能,還有就是第一次進 的時候可以,跳個介紹自己 的東西挺不錯的,所以就封裝了三個方法來給大家使用,還說一些cookie的注意事項 大家可以看看,script cookie 儲存資料,當使用者訪問摸個 的 頁面 的時...

js cookie使用方法詳解

如下 複製 fdsafdsafdsafsda 設定cookie值 獲取cookie值 清除cookie值 自己呼叫 cookie的總結 path 這個如果你沒有設定那麼你的cookie只能適用於當前目錄,如 如果我們在其它頁面如 這樣就獲取 不到這個目錄cookie值了 設定方法 path 即可。d...

httpsession詳解(會話追蹤原理)

httpsession物件 1 原理 客戶端瀏覽器第一次訪問,伺服器端建立乙個會話物件。並且具有id的唯一值。依賴cookie將sessionid的值傳送給客戶端。第二次請求的時候,客戶端瀏覽器攜帶sessionid到伺服器。伺服器端獲得sessionid,從而實現了會話跟蹤 2 特點 建立在伺服器...