搞懂Cookie、Storage、IndexedDB

着前端技术的发展，存储变的越来越重要，就目前来看，浏览器主要支持三类存储：Cookie、Storage、IndexedDB，下面分别介绍这三类存储方式。

一、Cookie

1.1 定义

Cookie是一个保存在浏览器中的简单的文本文件，该文件与特定的Web文档关联在一起，保存了该浏览器访问这个Web文档时的信息，当浏览器再次访问这个Web文档时这些信息可供该文档使用。(HTTP是无状态的协议，即HTTP协议本身不对请求和响应之间的通信状态进行保存，为了实现期望的保存状态功能，引入了cookie技术)

1.2 Cookie组成

在了解Cookie组成之前先了解一下Cookie的整个请求流程，这个流程分为类：一类是没有Cookie信息状态下的请求，另一类是存有Cookie状态下的请求。

面的流程图可以看出，Cookie是在服务端生成的，经过查询资料了解到其是在从服务端发送的响应报文内的一个叫做Set-Cookie的首部字段信息，响应报文中有该首部字段则通知客户端保存Cookie，则Cookie的组成则跟Set-Cookie可以设置哪些值相关，目前主要有以下几类：

NAME=VALUE

Cookie的名称和值，其中NAME是唯一标识cookie的名称，不区分大小写;VALUE是存储在Cookie里的字符串值，该值必须经过URL编码。

Domain=域名

Cookie有效的域，发送到这个域的所有请求都会包含对应的Cookie。(若不指定则默认为创建Cookie的服务器的域名)

Path=PATH

请求URL中包含这个路径才会把Cookie发送到服务器(若不指定则默认为文档所在的文件目录)

Expires=DATE

Cookie的有效期，默认情况下，浏览器会话结束后会删除所有cookie。

Secure

设置后仅在HTTPS安全通信时才会发送Cookie

HttpOnly

设置后只能在服务器上读取，不能再通过JavaScript读取Cookie

（编辑：南通站长网）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!