Cookie

Cookie

Cookie是什么

Cookie是服务器发送到用户浏览器并保存在本地的一小块数据,会在浏览器下次向同一服务器再发起请求时被携带并发送到服务器上。
通常,Cookie用于告知服务端两个请求是否来自同一浏览器,如保持用户的登录状态。Cookie使基
于无状态的HTTP协议记录稳定的状态信息成为了可能。Cookie技术产生源于HT TP协议在互联网上
的急速发展。
Cookie曾一度 用于客户端数据的存储,因当时并没有其它合适的存储办法而作为唯一的存储手段。 但现在随着现代浏览器开始支持各种各样的存储方式,Cookie渐渐被淘汰。由于服务器指定Cookie后,浏览器的每次请求都会携带Cookie数据,会带来额外的性能开销。

在这里插入图片描述

Cookie的存储

Cookie保存在客户端某个特定的目录下的一个扩展名为“.txt” 文本文件中,井且不同站点的Cookie
数据保存不同的文件中。
Cookie数据一般 都是加密后保存的。

Cookie的作用域

Domain和Path标识定义了Cookie的作用域,即Cookie应该发 送给哪些URL。

  • Domain 标识指定了哪些主机可以接受Cookie。

    • 如果不指定,默认为当前文档的主机(不包含子域名)。

    • 如果指定了Domain,则一般包含子域名。例如,如果设置Domain=wolongxueyuan.com,

      则Cookie也包含在子域名中(如developer.wolongxueyuan.com)。

  • Path标识指定了主机下的哪些路径可以接受Cookie (该JRL路径必须存在于请求URL中)。以字

    符%x2F(“/”)作为路径分隔符,子路径也会被匹配。

Cookie的有效期

Max- Age和Expires标识定义了Cookie的有效期,即Cookie的生 命周期。

  • 会话期Cookie .

    会话期Cookie是最简单的Cookie。浏览器关闭之后Cookie会被自动删除,也就是说Cookie仅在会话期内有效。会话期Cookie不需要指定过期时间(Expires)或者有效期(Max-Age)。

  • 持久性Cookie
    持久性Cookie可以指定- -个特定的过期时间( Expires)或有效期(Max- Age)。

Cookie的应用

Cookie主要用于以下三个方面:

  • 会话状态管理(如用户登录状态、购物车、游戏分数或其它需要记录的信息)
  • 个性化设置(如用户自定义设置、主题等)
  • 浏览器行为跟踪(如跟踪分析用户行为等)

创建cookie

JavaScript可以使用doCl ument.cookie属性来访问和更新Cookie。语法结构如下所示:

document.cookie = newCookie;

newCookie是一个 键值对形式的字符串。需要注意的是,用这个方法一次只能对一个cookie进行设置或更新。

newCookie是一个 键值对形式的字符串。需要注意的是,用这个方法一次只能对一个cookie进行设置或更新。

document.cookie = "name=wolongxueyuan";
document.cookie = "someCookieName=true; expires=Fri, 31 Dec 9999 23:59:59 GMT; path=/";

修改Cookie

JavaScript 更新Cookie类 似于创建Cookie。 语法结构如下所示:

document.cookie = newCookie;

newCookie是一个 键值对形式的字符串。需要注意的是,用这个方法一次只能对一个cookie进行设置或更新。

document.cookie = "name=wolongxueyuan";
document.cookie = "someCookieName=true; expires=Fri, 31 Dec 9999 23:59:59 GMT; path=/";

读取Cookie

JavaScript可以使用docyment.cookie属性来访问和更新Cookie。语法结构如下所示:

allCookies = document.cookie;

allCookies被赋值为一个字符串,该字符串包含所有的Cookie,每条cookie以分号分隔(即
key=value键值对)

在这里插入图片描述

删除 Cookie

JavaScript删除Cookie只需要设置Expires标识为以前的时间即可。如下所示:

document.cookie = "username=; expires=Thu, 01 Jan 1970 00:00:00 GMT";

需要注意的是,当删除时不必指定Cookie的值。

Set-Cookie响应头

在这里插入图片描述

Cookie请求头

对服务器发起的每-次新请求,浏览器都会将之前保存的Cookie信息通过Cookie请求头部再发送给
服务器。

GET /sample_ page.html HTTP/1.1
Host: www.example ,org
Cookie: yummy_ cookie=choco; fasty_ cookie=strawberry

在这里插入图片描述

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值