HTTP 中的 Cookie

一、Cookie

• 1.Cookie 概念

  Cookie ： 服务器 发送给 浏览器 并 保存在本地的一小块数据，会在浏览器下次向同一服务器 再次发起请求时 被 携带并发送到服务器上。

  • 

• 2.Coolie 作用域

  • Domain

    Domain：指定那些主机可以接收Cookie；

    • 不指定，则默认为当前主机；

    • 指定 Domain ，一般包含子域名 （Domain=wos.com） 。

  • Path

    Path：指定主机下的那些路径可以接受 Cookie，用 %x2F(/) 作为路径分隔；

• 3.Cookie 有效期

  • 会话期 Cookie

    • 最简单的 Cookie。浏览器关闭后自动删除。（会话期不需要指定过期时间和有效时间）

  • 持久性 Cookie

    • 制定一个特定的过期时间或有效期；

• 4.Cookie 应用

  • 1.会话状态管理（用户登录、购物车、游戏分数）

  • 2.个性化设置（用户自定义设置、主题）

  • 3.浏览器行为跟踪（跟踪分析用户行为）

二、HTTP && Cookie

• 创建 Cookie

  
  <script>
  	document.cookie = newCookie;
  
  	// Cookie 数据格式
  	
  		/* Cookie 存储数据格式；
  			1.多个数据 ';' 分隔;
  			2.每个数据以键值对形式存在;
  		*/
  	// 一次只能设置一个
  	document.cookie = "name=afwa";
  	// 多个 ; 分隔
  	document.cookie = "someCookieName=true;expires=Fr1,31D……;path="/";
  </script>
  
  

  Tip ： 设置Cookie键值时，一次只能设置一个；

• 读取 Cookie

  	
  <script>
  	document.cookie = newCookie;
  
  	// Cookie 数据格式
  	
  		/* Cookie 存储数据格式；
  			1.允许存储多个数据，数据之间 ';' 分隔;
  			2.每个数据以键值对形式存在;
  		*/
  		
  	console.log(document.cookie);
  
  </script>
  
  

• 修改 Cookie

  
  <script>
  		document.cookie = newCookie;
  	
  		// Cookie 数据格式
  		
  			/* Cookie 存储数据格式；
  				1.多个数据 ';' 分隔;
  				2.每个数据以键值对形式存在;
  			*/
  			
  		// 多个键值对赋值
  		var cookies = document.cookie;
  		var arr = cookies.split(';'
  ;	
  		for(var i=0;i<arr.length;i++){
  			var cookie = arr[i];
  			var cookiePair = cookie.split('=');
  		{
  </script>
  
  

• 删除 Cookie

  Tip ： 将名称设为空；或将其时间设置为过期时间

  
  <script>
  	document.cookie = newCookie;
  
  	// Cookie 数据格式
  	
  		/* Cookie 存储数据格式；
  			1.多个数据 ';' 分隔;
  			2.每个数据以键值对形式存在;
  		*/
  
  	document.cookie = "name=''";
  	
  </script>
  
  

三、访问 && 更新 Cookie

• Set-Cookie 响应头

  Set-Cookie: name=value

• Cookie 请求头

  cookie: name = value ; name = value

Tip ： 一般工况下Cookie值都是自动生成，但是我们可以手动修改；