sessionstorage中怎么存儲(chǔ)JSON數(shù)據(jù)

發(fā)布時(shí)間：2021-08-10 17:13:27 來源：億速云閱讀：113 作者：Leah 欄目：開發(fā)技術(shù)

這期內(nèi)容當(dāng)中小編將會(huì)給大家?guī)碛嘘P(guān)sessionstorage中怎么存儲(chǔ)JSON數(shù)據(jù)，文章內(nèi)容豐富且以專業(yè)的角度為大家分析和敘述，閱讀完這篇文章希望大家可以有所收獲。

如何在sessionstorage中存儲(chǔ)JSON數(shù)據(jù)

在web開發(fā)時(shí)，可能經(jīng)常會(huì)用到sessionstorage存儲(chǔ)數(shù)據(jù)，存儲(chǔ)單個(gè)字符串?dāng)?shù)據(jù)變量時(shí)并不困難

var str = 'This is a string';sessionstorage.setItem('param',str);

獲取sessionstorage

var item = sessionstorage.getItem('param');console.log(item);

但是sessionStorage只能存儲(chǔ)字符串類型數(shù)據(jù)，無法直接存儲(chǔ)數(shù)組類型和JSON對(duì)象，如果有需求該怎樣做呢？其實(shí)也很簡單。

首先將JSON對(duì)象通過JSON.stringify()方法轉(zhuǎn)換成字符串，再存儲(chǔ)到sessionstorage中

var obj = {"name": "Tom","age": 12,"gender": "man"};sessionstorage.setItem('jsonParams',JSON.stringify(obj));

然后通過JSON.parse()方法將字符串轉(zhuǎn)換成JSON格式即可

var data = JSON.parse(sessionstorage.getItem('jsonParams'));console.log(data);

上述就是小編為大家分享的sessionstorage中怎么存儲(chǔ)JSON數(shù)據(jù)了，如果剛好有類似的疑惑，不妨參照上述分析進(jìn)行理解。如果想知道更多相關(guān)知識(shí)，歡迎關(guān)注億速云行業(yè)資訊頻道。

向AI問一下細(xì)節(jié)

猜你喜歡