cookie

tanglijun 发布于2019-08-23 12:10 / 2118人阅读

摘要：是指浏览器储存的少量数据，同时也是与具体页面有关的。需要设置有效期。拥有作用域，其作用域是通过文档源和文档路径设置的。默认情况下，和创建其的页面有关。并对同目录和其子目录的其他页面可见。的另外一个属性为其为布尔值，用来表明通过哪种网络传递。

cookie
cookie是指web浏览器储存的少量数据，同时也是与具体页面有关的。
cookie会自动在web服务器和web浏览器中传输。

cookie 是用来保存状态的。即用户登录，一个网站如何判断用户登录的时候，会直接通过从客户端接收到的cookie来获取的。

cookie 属性，有效期和作用域

除了名(name)和值(value),cokie持续有效时间很短，只能持续在web浏览器的会话期间。一旦用户关闭浏览器，用户保存的数据就全部丢失。cookie需要设置有效期。即设置max-age属性，通过设置其属性完成对cookie有效期的设置。
设置了有效期以后，cookie数据会储存在一个文件中，直到过了指定的有效期才会删除文件。
cookie拥有作用域，其作用域是通过文档源和文档路径设置的。默认情况下，cookie和创建其的web页面有关。并对同目录和其子目录的其他web页面可见。对父级目录不可见。
一个栗子，当用户在页面输入了其电子邮件地址，需要保存下来，这个时候希望整个网站都使用其电子邮件地址，这个时候，通过设置cookie中的path属性即可实现作用域为全部。
如果将路径设置为/ 即让cookie和localStorage拥有同样的作用域。同时当其请求该站点上的任何一个web页面的时候，浏览器都必须将cookie的名字和值传递给服务器。

这里需要注意一点的是，如果一个web页面，想要读取其他页面的cookie，只需要随便加载一个页面，并使用iframe标签，即可读取对应文档的cookie，此操作受到同源的限制。

如果需要子域名之间能共享cookie此时需要设置cookie的domain 如果没有为一个cookie设置域属性，那么domain属性的默认值为当前web服务器的主机名。
cookie的另外一个属性为secure 其为布尔值，用来表明通过哪种网络传递。cookie默认是不安全的传递，即可以通过http传递，一旦设置为true的时候，必须通过https进行传递。

总结

名称	含义
Name	储存的名称
Value	值
Domain	用于域的共享，实现子域的互通
Path	设置cookie的路径
secure	表明cookie是否以不安全的方式传递

保存cookie

cookie为键值对。
即需要按照以下的字符串进行设置

name = value

如下所示

document.cookie = "version=" + encodeURIComponent(document.lastModified);

由于cookie中储存的不允许包含分号，逗号，空白符，所以在储存前使用encodeURIComponent()核心函数进行编码，解码的时候使用encodeURIComponent()函数解码

和POST中的请求体类似。

如果设置天数，需要按照以下的字符串进行设置

name = value; max-age = seconds

下面的函数是设置一个cookie的值

// 以名/值的形式储存cookie
// 同时采用JavaScript核心函数encodeURIComponent()函数进行对值的编码
// daysToLive的值为天
function setcookie(name, value, daysToLive) {
    var  cookie = name + "=" + encodeURIComponent(value);
    // 如果传入的天数为数字格式的
    if (typeof daysToLive === "number") 
        cookie +=  "; max-age=" + (daysToLive*60*60*24);    // 由于上一个已经是一条，需要使用； 来作为结束
    document.cookie = cookie;    // 将字符串传入cookie
}

同样的如果想要继续设置cookie的值，还需要继续在后面加上值

; path = path
; omainn = domain
; secure

如果要删除cookie，需要设置同样名字的即可完成。

读取cookie

因为读取的是一个字符串，所以需要使用split()方法将cookie的值中的名值对进行分离。使用JSON.parse()将其转化为JSON对象

// 将docuemnt.cookie 的值以名值对组成的一个对象返回
// 假设储存cookie的值的时候是采用encodeURIComponent()函数进行编码的
function getcookie() {
    var cookie = {};    // 初始化要保存的对象
    var all = document.cookie;    // 在一个字符串中获取cookie的值
    if (all === "") 
        return cookie;    // 如果返回的是一个空对象
    var list = all.split(";");    // 进行分离
    for(var i = 0; i < list.length; i++) {
        var cookie = list[i];    
        var p = cookie.indexOf("=");    // 查询第一个=
        var name = cookie.substring(0, p);    // 获取cookie的名字
        var value = cookie.substring(p+1);    // 获取cookie对应的值
        value = decodeURIComponent(value);    // 对其值进行解码
        cookie[name] = value;    // 将名/值对储存到对象中
    }
    return cookie;    // 返回cookie
}

cookie的局限性

对cookie数量，大小有限制。

云服务器海外云主机 cooki cookies Cookie cdn cookie

文章版权归作者所有，未经允许请勿转载,若此文章存在违规行为，您可以联系管理员删除。

转载请注明本文地址：https://www.ucloud.cn/yun/98027.html

Servlet第五篇【介绍会话技术、Cookie的API、详解、应用】

摘要：保存中文上面我们的例子保存的是英文字符，下面我们来看下保存中文字符会怎么样。出异常了中文属于字符，英文数据字符，中文占个字符或者个字符，英文占个字符。如果为，则表示删除该。的值规定为域名的隐私安全机制决定是不可跨域名的。什么是会话技术基本概念: 指用户开一个浏览器，访问一个网站,只要不关闭该浏览器，不管该用户点击多少个超链接，访问多少资源，直到用户关闭浏览器，整个这个过程我们称为一...

binaryTree 2019-08-15 13:58 评论0 收藏0
Cookic

摘要：追踪记录和分析用户行为。属性返回一个布尔值，表示浏览器是否打开功能不同浏览器对数量和大小的限制，是不一样的。请求的发送浏览器向服务器发送请求时，每个请求都会带上相应的。属性必须为绝对路径，默认为当前路径。属性值必须是当前发送的域名的一部分。概述Cookie 与 HTTP 协议HTTP 回应：Cookie 的生成HTTP 请求：Cookie 的发送Cookie 的属性Expires，M...

phoenixsky 2019-08-26 10:24 评论0 收藏0
客户端数据存储----Cookie From 《高程3》

摘要：首先先来一段总结用于本地数据存储，出现在服务器和浏览器交互的响应头部和请求头部中，受到单域名下的数量单个大小性能安全限制。子技术的出现缓解了单域名下的数量限制，关于子有一整套工具函数可以使用。前言本篇主要介绍Cookie技术的读书总结，但是我认为逻辑上最好会和Web Storage技术放在一起进行对比，因此后续会再总结一篇关于WEB存储的姊妹总结，敬请期待。首先先来一段总结：Co...

马忠志 2019-08-20 11:39 评论0 收藏0
客户端数据存储----Cookie From 《高程3》

摘要：首先先来一段总结用于本地数据存储，出现在服务器和浏览器交互的响应头部和请求头部中，受到单域名下的数量单个大小性能安全限制。子技术的出现缓解了单域名下的数量限制，关于子有一整套工具函数可以使用。前言本篇主要介绍Cookie技术的读书总结，但是我认为逻辑上最好会和Web Storage技术放在一起进行对比，因此后续会再总结一篇关于WEB存储的姊妹总结，敬请期待。首先先来一段总结：Co...

since1986 2019-08-01 15:50 评论0 收藏0