window.localStorage.setItem的理解與使用


window.localStorage.setItem的理解與使用

 

HTML5種的web storage包含兩種存儲方式:localStorage和sessionStorage,這兩種方式存儲的數據不會自動發給服務器,僅僅是本地保存,有大小限制。

localStorage是持久化的本地保存,只要你找不到其所在地沒有主動刪掉,就會一直存在。就像一些緩存,都把APP刪了還有。

sessionStorage是會話級別的本地保存,比如一個頁面關閉的時候該頁面設置的sessionStorage數據會自動消失,在不同瀏覽器窗口不會共享的,即使是同一個瀏覽器的同一個頁面。根Java里面的會話有點類似的。

window.localStorage.setItem(key,value);//設置指定key的數據(JSON格式)

window.localStorage.getItem(key);//獲取指定key的數據
window.localStorage.removeItem(key);//刪除指定key的數據

window.localStorage.clear();//清空所有的存儲數據



window.sessionStorage.setItem(key,value);

window.sessionStorage.getItem(key);

window.sessionStorage.removeItem(key);

window.sessionStorage.clear();
應該還有更深的理解。待續。

 

-----------------------------------------------------------continue--------------------------------------------------------------------------------

localStorage其他注意事項
一般我們會將JSON存入localStorage中,但是在localStorage會自動將localStorage轉換成為字符串形式

這個時候我們可以使用JSON.stringify()這個方法,來將JSON轉換成為JSON字符串

示例:

if(!window.localStorage){
alert("瀏覽器支持localstorage");
}else{
var storage=window.localStorage;
var data={
name:'taytay',
sex:'woman',
hobby:'program'
};
var d=JSON.stringify(data);
storage.setItem("data",d);
console.log(storage.data);
}
讀取之后要將JSON字符串轉換成為JSON對象,使用JSON.parse()方法


var data={
name:'taytay',
sex:'woman',
hobby:'program'
};
var d=JSON.stringify(data);
window.localStorage.setItem("data",d);
//將JSON字符串轉換成為JSON對象輸出
var json=storage.getItem("data");
var jsonObj=JSON.parse(json);
console.log(typeof jsonObj);

打印出來是Object對象

另外還有一點要注意的是,其他類型讀取出來也要進行轉換.......

參考鏈接: https://www.cnblogs.com/st-leslie/p/5617130.html
https://www.cnblogs.com/wdlhao/p/4494624.html
————————————————
版權聲明:本文為CSDN博主「taylorzun」的原創文章,遵循CC 4.0 BY-SA版權協議,轉載請附上原文出處鏈接及本聲明。
原文鏈接:https://blog.csdn.net/taylorzun/article/details/81112392


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM