客戶端儲存

2021-08-28 11:27:54 字數 1552 閱讀 5157

客戶端儲存

由於http協議是無狀態路的協議,其無法記住使用者的狀態,所以就有了客戶端儲存用來記錄使用者的狀態。

同樣的客戶端儲存也是遵守同源策略,所以不同站點的頁面是無法讀取對方儲存的資料

有oatuh2.0 用來跨站登入的,即qq互聯這種登入方式。用於進行登入的很大都是用時序圖進行繪製的。

儲存。安全。和隱私,通常cookie除了儲存使用者的狀態,還作為一種追蹤機制,用於廣告商,追蹤使用者喜好,進行廣告的投放,以及使用者分析。並且所有的客戶端儲存都不應該用來儲存密碼,商業賬號,以及敏感的資訊,

除錯工具中能夠檢視當前**的storage以及cookie

包括websql 雖然這個計畫流產了,╮(╯▽╰)╭

在window定義域上定義了兩個屬性,分別為localstroage以及essionstroage

這兩個屬性代表同乙個storage物件,

storage為乙個api介面,storage提供了訪問網域名稱下的全部會話儲存。或者本地儲存。

該物件和一般的js物件沒有什麼區別。

寫入乙個值

接著檢視本地儲存,可以發現已經儲存了乙個鍵值對。

為username = ming

此儲存為臨時儲存,如果重新整理頁面,儲存將會消失

同樣的儲存sessionstorage

sessionstorage.username = "ming";
這個是持久化儲存,即使重新整理頁面也不會消失,屬於持久化的儲存

如果儲存物件,將會直接轉為字串,所以不能儲存物件

例如儲存乙個數字

localstorage.number = 2;

> 2

typeof localstorage.number;

> "string"

typeof localstorage.number + 0;

> "string0"

typeof parseint(localstorage.number);

> "number"

使用parseint將字串轉換為number

或者直接使用json也可,儲存鍵值對很方便;

localstorage.data = json.stringify(data);	// 進行編碼儲存

var data = json.parse(localstorage.data); // 將其取出

客戶端儲存

他們的區別在儲存的有效期和作用域 localstorage儲存是永久性的,作用域是同源文件.同源文件由三個方面確定.埠號,協議,主機名.同樣也受限於瀏覽器廠家,不同瀏覽器廠家之間的localstorage是不能互享的.sessionstorage的儲存性是和頂層標籤是同步的,如果頂層標籤關閉,那麼s...

客戶端儲存

瀏覽器儲存在開發中經常用到,比如在多頁面應用的模型中,會將使用者的頁面歷史記錄儲存在本地,頁面前進時,在本地新增一條歷史記錄,頁面返回時,刪除最後一條歷史記錄,再訪問最後一條歷史記錄 盒端的返回規則並不像標準瀏覽器這麼規範,也沒有後退按鈕,不同廠家的盒子,系統對返回處理邏輯不同,一般自己處理頁面的返...

客戶端儲存

當使用者再次進入www.baidu.com,請求頭會攜帶cookie,傳送給伺服器 響應頭 set cookie name value 名字和值在傳送時都是經過url編碼過的 請求頭 secure注意 這些都是伺服器傳送給瀏覽器的,用來告訴瀏覽器何實傳送cookie給伺服器 瀏覽器請求時攜帶的只有n...