1. 程式人生 > >136.Python修煉之路【141-前端-JQuery-本地儲存】2018.08.04

136.Python修煉之路【141-前端-JQuery-本地儲存】2018.08.04

本地儲存

本地儲存分為cookie,以及新增的localStorage和sessionStorage

1、cookie 儲存在本地,容量最大4k,在同源的http請求時攜帶傳遞,損耗頻寬,可設定訪問路徑,只有此路徑及此路徑的子路徑才能訪問此cookie,在設定的過期時間之前有效(日期限制)。

jquery 設定cookie
$.cookie('mycookie','123',{expires:7,path:'/'});
jquery 獲取cookie
$.cookie('mycookie');

2、localStorage 儲存在本地,容量為5M或者更大,不會在請求時候攜帶傳遞,在所有同源視窗中共享,資料一直有效,除非人為刪除,可作為長期資料

//設定:
localStorage.setItem("dat", "456");
localStorage.dat = '456';

//獲取:
localStorage.getItem("dat");
localStorage.dat

//刪除
localStorage.removeItem("dat");

3、sessionStorage 儲存在本地,容量為5M或者更大,不會在請求時候攜帶傳遞,在同源的當前視窗關閉前有效(資料會在使用者關閉視窗時被刪除)。

localStorage 和 sessionStorage 合稱為Web Storage , Web Storage支援事件通知機制,可以將資料更新的通知監聽者,Web Storage的api介面使用更方便。

iPhone的無痕瀏覽不支援Web Storage,只能用cookie。