SessionStorage如何存放物件

2021-09-26 20:48:04 字數 603 閱讀 3017

前後端分離模式下,很多時候需要用到window.sessionstorage物件

例如用到vuex的專案,重新整理頁面後state中的資料全部初始化,那麼就要再次傳送請求

或者使用者所在介面有vue-router跳轉後的引數,那麼重新整理頁面後引數就不見了,請求無引數,恰好伺服器端未考慮該情況,那麼就會導致一系列問題。

sessionstorage並不支援儲存物件,乙個個的鍵名來取又太麻煩,有更簡單巧妙的辦法——

將物件轉為json串,再存入sessionstorage,取出時再轉為js物件。

實現該思路,並封裝為模組,用到就import,非常方便,**如下:

function setsession(key,value)

sessionstorage.setitem(key, value);

}function getsession(key)

return value;

}function clearsession()

function haskey(key)

export default

sessionStorage (會話儲存)

sessionstorage 會話儲存 儲存乙個陣列 sessionstorage.setitem user user 然後按照慣例取出來sessionstorage.getitem user 然後確取不到值?再三確認,列印還是返回 object object 這麼個。原來如果想要儲存物件的話必須先...

sessionStorage 基本使用

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

sessionstorage 本地臨時儲存的理解

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