Web Storage?
使用HTML5可以在本地存儲用戶的瀏覽數據。
使用的主要目的是為了克服Cookie帶來的一些限制,當數據需要被嚴格控制在客戶端上時,無需持續的將數據發回服務器
主要目標:
1.提供一種在Cookie之外存儲會話數據的途徑
2.提供一種存儲大量可以跨會話存在的數據的機制
Web Storage 分為兩種:SessionStorage和localStorage
SessionStorage將數據存在session中,當整個瀏覽器關閉的時候數據就沒了(頁面刷新時不會消除數據,只有在當前頁面打開的鏈接,才能訪問SessionStorage的數據,使用window.open和改變localtion.href方式都可以獲取到sessionStorage內容的數據)
localStorage則一直將數據保存在客戶端本地,不會讓數據消失,除非主動地去刪除數據
Web Storage和cookie的區別
一、儲存空間不同
1.Web Storage能提供5M的存儲空間(不同瀏覽器不同),Cookie提供4K的空間
2.Web Storage每個域(包括子域)都有獨立的存儲空間,每個存儲空間是完全獨立的,因此不會造成數據混淆
二、與服務端交互
1.Web Storage中數據僅僅是本地存儲,不會與服務器發生任何交互
2.Cookie的內容會隨着請求一並發送到服務器(每請求一個新的頁面時,Cookie都會被發送過去,無形中造成寬帶浪費)
三、接口
1.Web Storage提供了許多豐富易用的接口,擁有setItem,removeItemgetItem,clear,key等方法,操作數據更簡單
2.Cookie需要自己封裝setCookie,getCookie等