资讯专栏INFORMATION COLUMN

Session ,Cookie ,webStorage的区别

codeGoogle / 1140人阅读

摘要:前言保存在服务器端,大小没有限制,由后端进行设置。保存在浏览器,比容量更大,最大为。只会在当前的网站中有效。保存在浏览器端,不主动的清除,不会失效保存浏览器,浏览器关闭后,页面失效。

前言 Session

保存在服务器端,大小没有限制,由后端进行设置。

不要把session与sessionStorage搞混,他们并不是一个东西
session是服务端设置的,保存在服务端
sessionStorage是webStorage中的一种,只保存在客户端,不会与服务端进行通信

服务器会对每一个客户端的请求做一个唯一标识,当客户端向服务端发送请求时,服务端会先进行一下判断,是否有携带的sessionId,如果有,就进行搜索,是否有效,如果没有sessionid,则创建一个新的sessionId

服务器可以将sessionid的值保存到cookie中,使浏览器每次发出请求都会将Seesion的值一起发送到服务器。(浏览器自动的,不需要设置),用户可以根据设置cookie的secure来关闭自动发送

Cookie

保存在客户端的内存或硬盘中,大小限制在4k左右

cookie中会保存一系列的信息:

domain:服务器端 的主机名
path:cookie的作用域,
expires/max-age:cookie的有效期
httponly:是不是只读,设置只读,则不能获取cookie的值,由后端进行设置
secure:设置是否自动发送cookie,默认为False,自动发送,为ture表示不允许自动发送,也由后端进行设置
samesite:定义cookie如何跨域发送,为谷歌新研发的一种安全机制,目的是防止CSRF跨站请求以及XSSI跨站脚本攻击

浏览器会根据请求的服务器地址以及客户端cookier的设置,进行判断,是否需要携带cookie,以及携带哪个cookie。

webStorage

保存在浏览器,比cookie容量更大,最大为5MB。只会在当前的网站中有效。

localStorage:保存在浏览器端 ,不主动的清除,不会失效

sessionStroage:保存浏览器,浏览器关闭后,页面失效。

参考链接

https://www.cnblogs.com/cence...

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

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

相关文章

  • 浅谈cookiesession和localStorage,sessionStorage区别

    摘要:保持状态保存在浏览器端,保存在服务器端存储的大小单个保存的数据不能超过大小没有限制。的目的是克服由所带来的一些限制,当数据需要被严格控制在客户端时,不需要持续的将数据发回服务器。的生命周期是仅在当前会话下有效。 写在前面 既然是浅谈,就不会详细从底层原理解释这几个的区别,就简单地聊一下,这几个的区别,优缺点,应用场景 cookie和session 浏览器的缓存机制提供了可以将用户数据存...

    frolc 评论0 收藏0
  • cookiesessionsessionStorage、localStorage 之间区别及应

    摘要:获取数据,将键值传入,即可获取到对应的值。删除单个数据,根据键值移除对应的信息。存储文件夹用户名用户名浏览器窗口关闭后数据被销毁。存储量小安全性差数据操作接口不友好,而存储量较大安全性较高数据接口友好。 在前端日常开发中 cookie、webStorage 是我们常用的浏览器缓存方式。但同时说起 cookie、session、sessionStorage 和 localStorage ...

    nidaye 评论0 收藏0
  • cookiesessionsessionStorage、localStorage 之间区别及应

    摘要:获取数据,将键值传入,即可获取到对应的值。删除单个数据,根据键值移除对应的信息。存储文件夹用户名用户名浏览器窗口关闭后数据被销毁。存储量小安全性差数据操作接口不友好,而存储量较大安全性较高数据接口友好。 在前端日常开发中 cookie、webStorage 是我们常用的浏览器缓存方式。但同时说起 cookie、session、sessionStorage 和 localStorage ...

    李昌杰 评论0 收藏0
  • localStorage、sessionStorage、Cookie区别及用法

    摘要:的区别及用法是本地存储,存储在客户端,包括和。仅在当前会话下有效,关闭页面或浏览器后被清除。源生接口可以接受,亦可再次封装来对和有更好的支持。但需要程序员自己封装,源生的接口不友好。每个最多只能有条,每个长度不能超过。 localStorage、sessionStorage、Cookie的区别及用法 showImg(https://segmentfault.com/img/bVYLlH...

    sf_wangchong 评论0 收藏0
  • localStorage、sessionStorage、Cookie区别及用法

    摘要:的区别及用法是本地存储,存储在客户端,包括和。仅在当前会话下有效,关闭页面或浏览器后被清除。源生接口可以接受,亦可再次封装来对和有更好的支持。但需要程序员自己封装,源生的接口不友好。每个最多只能有条,每个长度不能超过。 localStorage、sessionStorage、Cookie的区别及用法 showImg(https://segmentfault.com/img/bVYLlH...

    TalkingData 评论0 收藏0

发表评论

0条评论

codeGoogle

|高级讲师

TA的文章

阅读更多
最新活动
阅读需要支付1元查看
<