cookie&session&localStorage

BLUE 發布于2019-08-23 13:46 / 1790人閱讀

摘要：瀏覽器在加載頁面時發現響應頭部有字段，就把這個種到瀏覽器指定域名下。當下次刷新頁面時，發送的請求會帶上這條，服務端在接收到后根據這個來識別用戶。不參與網絡傳輸。

寫之前轉載兩篇寫的很棒的文章先看看：Session和Cookie
Session和Cookie

一：cookie 1、定義：

cookie是存儲在瀏覽器上的一小段數據，用來記錄某些當頁面關閉或者刷新后仍然需要記錄的信息

2、大小：

一般瀏覽器存儲cookie 最大容量為4k

3、cookie的特征：

每次網絡請求 Request headers 中都會帶上cookie。所以如果 cookie 太多太大對傳輸效率會有影響。

4、查看cookie的路徑

通過打開網頁，點擊檢查，找到application,找到storage，就找到了cookie!

5、cookie的來源

在解析cookie之前，我們先做一個小實驗，找到cookie后點擊右鍵清除cookie，

但當我重新刷新一遍網頁，cookie又出現了，why？

來源：

我們點擊network-name/html-header，會發現我們請收請求的響應體里面有一個setcookie的東西，它可以把cookie種植到瀏覽器。
當瀏覽器發送的請求沒有cookie時，服務器會把響應頭里面放入setcookie，瀏覽器接受setcookie之后，會把內容種植到瀏覽器的cookie內部，之后向服務器發送的請求就都會帶cookie了。

5、主要參數：

name

value 字符串

domain作用域

expires/max-age 有效期

secure是否在http里面有效（當 secure 值為 true 時，cookie 在 HTTP 中是無效，在 HTTPS 中才有效）

httponly是否允許通過js修改cookie，為true不允許

6、作用：

cookie可以看一下方方老師寫的這篇博客簡述 Cookie 是什么

記錄用戶信息，cookie有個地方放用戶名

記錄歷史信息

二、session 1、定義：

session是一種讓服務器能識別某個用戶的「機制」，session 在實現的過程中需要使用cookie

2、使用：

用戶在輸入用戶名密碼提交給服務端，服務端驗證通過后會創建一個session用于記錄用戶的相關信息

創建session后，會把關聯的session_id 通過setCookie 添加到http響應頭部中。

瀏覽器在加載頁面時發現響應頭部有 set-cookie字段，就把這個cookie 種到瀏覽器指定域名下。

當下次刷新頁面時，發送的請求會帶上這條cookie，服務端在接收到后根據這個session_id來識別用戶。

3、 session 可保存在服務器內存中，也可保存在數據庫中，只是id在cookie中

三：localStorage 1、定義：

localStorage HTML5本地存儲web storage特性的API之一，用于將大量數據（最大5M）保存在瀏覽器中，保存后數據永遠存在不會失效過期，除非用 js手動清除。
不參與網絡傳輸。
一般用于性能優化，可以保存圖片、js、css、html 模板、大量數據。

2、js手動修改

注意value里面存的是字符串，如果寫入對象，就會轉換成字符串[objectobject]

所以要用JSON.stringify轉成字符串再傳

GPU云服務器云服務器 asp &amp&amp邏輯 js 2&amp&amp1 attr&039&039checked&039&039 OneTechCloud&amp

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://specialneedsforspecialkids.com/yun/99525.html

Cookie&amp;Session、LocalStorage&amp;SessionStorage

摘要：那要是被刪了呢那沒辦法了，只能重新登陸，意味著重新提交重新分配隨機數。它是一個哈希，作用就是字面意思，本地存儲，只不過這里的本地指的是瀏覽器。標簽可以保留回車和空格等你怎么寫它就怎么展示的內容 cookie cookie可以看作是一種設置，允許瀏覽器在電腦本地硬盤的某一個隱蔽的地方開發一塊存儲空間，用來存放某些特定的內容。如果在服務器端設置了允許使用cookie，那么，之后瀏覽器每...

twohappy 2019-08-23 13:58 評論0 收藏0
關于ahooks封裝cookie localStorage sessionStorage方法

　　之所以講這篇文章主要是為了加深對 React hooks 的理解。　　因此，先要學習如何抽象自定義 hooks。構建屬于自己的 React hooks 工具庫。　　且培養閱讀學習源碼的習慣，工具庫是一個對源碼閱讀不錯的選擇。　　現在看下ahooks 是怎么封裝 cookie/localStorage/sessionStorage 的。　　cookie　　ahooks 封裝了 useCookie...

3403771864 2022-10-26 22:47 評論0 收藏0
python+pytest接口自動化之session對話維持的完成

　　在app測試的過程當中，經常遇到有一些插口必須在登錄狀態下才可以要求，文中具體闡述了python+pytest接口自動化之session對話維持的完成，有興趣的話可以認識一下　　序言　　在app測試的過程當中，經常遇到有一些插口必須在登錄狀態下才可以要求，不然會提醒請登錄，那么如何處理呢？我們通過Cookie繞開登錄，其實這也是維持登錄狀態的方式之一。那今天小編想講根據session開展對話維...

89542767 2023-01-12 13:57 評論0 收藏0
html&amp;&amp;css

摘要：標準模式的排版和運作模式都是以該瀏覽器支持的最高標準運行。這種合并外邊距的方式被稱為折疊，并且因而所結合成的外邊距稱為折疊外邊距。控制表單控件的禁用狀態。首先，巧妙的使用這一標記，將游覽器從所有情況中分離出來。 1.Doctype作用？標準模式與兼容模式各有什么區別聲明位于位于HTML文檔中的第一行，處于?標簽之前。告知瀏覽器的解析器,用什么文檔標準解析這個文檔。DOCTYPE不存在...

gggggggbong 2019-08-29 16:16 評論0 收藏0
html&amp;&amp;css

摘要：標準模式的排版和運作模式都是以該瀏覽器支持的最高標準運行。這種合并外邊距的方式被稱為折疊，并且因而所結合成的外邊距稱為折疊外邊距。控制表單控件的禁用狀態。首先，巧妙的使用這一標記，將游覽器從所有情況中分離出來。 1.Doctype作用？標準模式與兼容模式各有什么區別聲明位于位于HTML文檔中的第一行，處于?標簽之前。告知瀏覽器的解析器,用什么文檔標準解析這個文檔。DOCTYPE不存在...

eccozhou 2019-08-02 11:08 評論0 收藏0