web 存储方式cookie,session,localStorage,sessionStorage原理解析

一. cookie

1.cookie机制

   一种客户端暂存临时变量的浏览器机制：

（1）浏览器向服务器发出请求，服务器接收后产生cookie(可设置任意加密算法)通过响应头发回。

（2）客户端收到后将此cookie保存到内存中，再次请求将此cookie放入请求头中。

（3）服务端收到进行检测，cookie存在则允许进行下一步操作。

2.工作流程图示

3.解决问题

    存储临时变量，避免重复操作，消耗资源，浪费时间。

4. 常用场景

    用户登录时对于用户信息的存储，对于用户访问次数的存储。

5. 存储要求

  （1）内容：必须为字符串。

  （2）大小：小于4KB.

6. 有效期

  （1）默认发请求的窗口关闭，则cookie失效。

  （2）通过设置max-age 可以设置有效期限，将cookie存储在硬盘中。

7. 客户端携带cookie的方式

  （1）请求头中cookie

  （2）重写url : 将cookie作为参数值传入

二. session

1.session机制

     一种服务端存储临时变量的方式：

（1）客户端向服务端发起请求。

（2）服务端接收请求，判断有无sessionId,若没有，服务端创建sessionId,并保存session值，将sessionId通过响应头传回客户端。

（3）客户端再次请求时携带sessionId（可放入请求头的cookie中）,服务端收到后检测到该sessionId已存在，允许下一步操作。

2.解决问题

   状态信息临时存储。

3. 存储要求

 （1）类型：对象形式（key-value）

  （2）大小：5M

  （3）有效期：可自行设置

  （4）位置：内存

三. localStorage

   一种客户端的本地永久存储临时变量的方式。

四. sessionStorage

   一种客户端的本地会话存储临时变量的方式。

五. 4种存储方式功能对比