sessionStorage (會話儲存)

2021-10-04 20:04:27 字數 679 閱讀 1496

sessionstorage (會話儲存)儲存乙個陣列

sessionstorage.setitem(「user」,user) 然後按照慣例取出來sessionstorage.getitem(『user』),然後確取不到值? 再三確認,列印還是返回[object object]這麼個。。。

原來如果想要儲存物件的話必須先用json.stringify()方法將物件轉化成乙個物件字串,然後才能進行儲存。

例如: 存

let obj =

let objstr = json.stringify(obj)

sessionstorage.setitem(『data-xy』,[objstr])

console.log(sessionstorage.getitem(『data-xy』)) //

取使用這個物件的時候先將物件字串取出來,然後在用json.parse()這個方法將字串轉化成json物件就可以用啦:

let obj1 = json.parse(sessionstorage.getitem(『data-xy』))

window.sessionstorage(會話儲存):暫時儲存,瀏覽器關閉之後會清除

window.localstorage (本地儲存):本地儲存,瀏覽器關閉之後依舊不會清除,只能人為刪除

平時儲存的話建議使用sessionstorage;

sessionStorage 基本使用

sessionstorage 是瀏覽器資料儲存的方法之一,用於臨時儲存同一視窗的資料,關閉視窗後sessionstorage 的資料將會不存在,它是以 key value 鍵值對的形式儲存。基本用法 存值sessionstorage.test 1212 取值 刪除sessionstorage.rem...

sessionstorage 本地臨時儲存的理解

html5 web儲存有兩個重要物件 一般涉及到瀏覽器內狀態儲存時,首先會想到cookie。這時如果明白sessionstorage,很快也就會清楚這個功能怎麼實現的 查詢sessionstorage是否有關閉廣告標記sessionstorage.setitem key value 根據標記隱藏或者...

vue 中 sessionStorage儲存的用法

vue中由於頁面重新整理或跳轉會導致有些引數被清空,用sessionstorage儲存資料,會將資料儲存不會丟失。一般是在beforemount 掛載前取,beforeupdate 更新渲染時存 取值 beforemount 存值 beforeupdate 注 sessionstorage 儲存資料...