1. 程式人生 > >cookie,session,localStroage,sessionStorage之間的區別

cookie,session,localStroage,sessionStorage之間的區別

1、cookie的內容主要包括cookie的值,名字,過期時間,路徑,域。若不設定時間,則cookie的生命期為瀏覽器會話期間,關閉瀏覽器,會話就會消失。這種生命期為瀏覽期的cooKie成為會話cookie,會話cookie一般儲存在記憶體裡。若設定時間,則cookie被儲存在硬碟上,關閉再開啟瀏覽器,cookie值仍然有效,直到超過過期時間。

2、1、cookie資料存放在客戶的瀏覽器上,session資料放在伺服器上 
    2、cookie不是很安全,別人可以分析存放在本地的cookie並進行cookie欺騙,考慮到安全應當使用session 
    3、session會在一定時間內儲存在伺服器上,當訪問增多,會比較佔用你伺服器的效能,考慮到減輕伺服器效能方面,應當使用cookie 


    4、單個cookie儲存的資料不能超過4K,很多瀏覽器都限制一個站點最多儲存20個cookie 
    5、建議將登入資訊等重要資訊存放為session,其他資訊如果需要保留,可以放在cookie中 
    6、session儲存在伺服器,客戶端不知道其中的資訊;cookie儲存在客戶端,伺服器能夠知道其中的資訊 
    7、session中儲存的是物件,cookie中儲存的是字串 

    8、session不能區分路徑,同一個使用者在訪問一個網站期間,所有的session在任何一個地方都可以訪問到,而cookie中如果設定了路徑引數,那麼同一個網站中不同路徑下的cookie互相是訪問不到的

3、Web Storage的概念和cookie相似,區別是它是為了更大容量儲存設計的,cookie的大小是受限的,並且每次請求一個新的頁面的時候cookie都會被髮送過去,這樣無形中浪費了頻寬,另外cookie還需要指定作用域,不可跨域呼叫。 
除此之外,web storage擁有setItem,getItem,removeItem,clear等方法,不像cookie需要前端開發者自己封裝setCookie,getCookie。 
但是cookie也是不可或缺的,cookie的作用是與伺服器進行互動,作為http規範的一部分而存在的,而web Storage僅僅是為了在本地“儲存”資料而生 

sessionStorage、localStorage、cookie都是在瀏覽器端儲存的資料,其中sessionStorage的概念很特別,引入了一個“瀏覽器視窗”的概念,sessionStorage是在同源的同窗口中,始終存在的資料,也就是說只要這個瀏覽器視窗沒有關閉,即使重新整理頁面或進入同源另一個頁面,資料仍然存在,關閉視窗後,sessionStorage就會被銷燬,同時“獨立”開啟的不同視窗,即使是同一頁面,sessionStorage物件也是不同的

4、

Web Storage帶來的好處: 
1、減少網路流量:一旦資料儲存在本地之後,就可以避免再向伺服器請求資料,因此減少不必要的資料請求,減少數

據在瀏覽器和伺服器間不必要的來回傳遞 
2、快速顯示資料:效能好,從本地讀資料比通過網路從伺服器上獲得資料快得多,本地資料可以及時獲得,再加上網

頁本身也可以有快取,因此整個頁面和資料都在本地的話,可以立即顯示 

3、臨時儲存:很多時候資料只需要在使用者瀏覽一組頁面期間使用,關閉視窗後資料就可以丟棄了,這種情況使用sessionStorage非常方便

5、

sessionStorage、localStorage和cookie的區別 
共同點:都是儲存在瀏覽器端、且同源的 
區別: 
1、cookie資料始終在同源的http請求中攜帶(即使不需要),即cookie在瀏覽器和伺服器間來回傳遞,而sessionStorage和localStorage不會自動把資料傳送給伺服器,僅在本地儲存。cookie資料還有路徑(path)的概念,可以限制cookie只屬於某個路徑下 
2、儲存大小限制也不同,cookie資料不能超過4K,同時因為每次http請求都會攜帶cookie、所以cookie只適合儲存很小的資料,如會話標識。sessionStorage和localStorage雖然也有儲存大小的限制,但比cookie大得多,可以達到5M或更大 
3、資料有效期不同,sessionStorage:僅在當前瀏覽器視窗關閉之前有效;localStorage:始終有效,視窗或瀏覽器關閉也一直儲存,因此用作持久資料;cookie:只在設定的cookie過期時間之前有效,即使視窗關閉或瀏覽器關閉 
4、作用域不同,sessionStorage不在不同的瀏覽器視窗中共享,即使是同一個頁面;localstorage在所有同源視窗中都是共享的;cookie也是在所有同源視窗中都是共享的 
5、web Storage支援事件通知機制,可以將資料更新的通知傳送給監聽者 
6、web Storage的api介面使用更方便