Cookie、session，和localStorage与sessionStorage之间的区别

最新推荐文章于 2025-03-16 13:29:38 发布
原创 最新推荐文章于 2025-03-16 13:29:38 发布 · 239 阅读 · 2 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#缓存 #cookie #session

本文介绍了前端存储的四种常见方式：Cookie、Session、LocalStorage和SessionStorage。Cookie用于存放token，但易受用户操作影响；Session存储在服务器，依赖cookie的sessionID；LocalStorage适用于长期登录，数据永久有效；SessionStorage则用于一次性登录，关闭浏览器即删除。这些技术在用户数据管理和页面状态维持中起着关键作用。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

1、cookie：多用于存放token（令牌）。存放在客户端，过期删除（默认关闭删除--会话cookie）。只能存字符串，最多4kb，会随着HTTP Request发送到服务器。  

用户可能操作甚至禁用cookie，使功能受限。

2、session：存放在服务器，容量无上限，关闭删除。

sessionID保存在cookie，若禁用cookie，可用URL重写保持运行。

WebStorage（缓存）

都保存在客户端，只能存储字符串类型，存储在本地的数据可以直接获取，但不会像cookie一样每次请求都传送到服务器。

3、local storage（本地存储）：多用于长期登录（+判断用户是否已登录），适合长期保存在本地的数据，记录用户的一些行为和配置，永久有效。 

4、session storage（会话存储）：多用于敏感账号一次性登录，关闭删除。

一文透彻了解cookie、session及 local storage区别（附上完整代码）
阿土不土的博客
01-02 931
一文透彻了解cookie、session及 local storage区别
cookie 和 session 的区别，localstorage 和 sessionstorage 的区别
04-27 252
因为 cookie 存放于客户端有可能被窃取，所以 cookie 一般用来存放不敏感的信息，比如 用户设置的网站主题，敏感的信息用 session 存储，比如用户的登陆信息，session 可以 存放于文件，数据库，内存中都可以，cookie 可以服务器端响应的时候设置，也可以客 户端通过 JS 设置 cookie 会在请求时在 http 首部发送给客户端，cookie 一般在客户端有 大小限制，一般为 4K
cookie、session和localStorage以及sessionStorage之间的区别
bgogo的博客
10-14 2558
一、cookie、session和localStorage的区别 cookie的内容主要包括：名字、值、过期时间、路径和域。路径与域一起构成cookie的作用范围。若不设置时间，则表示这个cookie的生命期为浏览器会话期间，关闭浏览器窗口，cookie就会消失。这种生命期为浏览器会话期的cookie被称为会话cookie。 会话cookie一般不存储在硬盘而是保存在内存里，当然这个行为并不是规范规定的。若设置了过期时间，浏览器就会把cookie保存到硬盘上，关闭后再打开浏览器这些cookie仍然有效直.
Cookie、Session、LocalStorage 和 SessionStorage 的区别详解
m0_65084430的博客
06-15 7436
在前端开发中，数据存储和状态管理是非常重要的内容。常用的存储方式有 Cookie、Session、LocalStorage 和 SessionStorage。本文将详细介绍这四者的区别，帮助开发者更好地理解和选择合适的存储方案。Cookie 是由服务器生成并发送到客户端的一小段数据，客户端会将其存储并在后续请求中携带，帮助服务器识别用户。用户身份认证（如记住登录状态）存储用户偏好设置跟踪用户行为（如广告点击记录）// 设置 Cookiepath=/";// 读取 Cookie。
localStorage和sessionStorage的区别
wang13145的博客
05-16 4674
localStorage和sessionStorage的区别 //在chrome测试的结果; 知识点1：localStorage和sessionStorage的区别; localStorage生命周期是永久，这意味着除非用户显示在浏览器提供的UI上清除localStorage信息，否则这些信息将永远存在。 sessionStorage生命周期为当前窗口或标签页，一旦窗口或标签页被永久关闭了，那么所有通过sessionStorage存储的数据也就被清空了 localStorage支持5M大小的存储，并且
localStorage和sessionStorage区别
m0_51433562的博客
03-20 1395
localStorage和sessionStorage
cookie，localStorage,sessionStorage区别与应用
01-07
cookie localStorage sessionStorage 概念 存放在客户端的一段文本信息 存储在客户端的临时信息，只能存放字符串类型数据 同localStorage 大小 4k 5M 5M 生命周期 浏览器关闭，数据清空 存在内存中，除非...
Cookie、Session、localStorage 和 sessionStorage一文通
最新发布
T_iAn_T的博客
03-16 929
Cookie、Session、localStorage 和 sessionStorage一文通
深入理解Web存储机制：Cookie、SessionStorage与LocalStorage的区别
chaosweet的博客
01-13 1233
选择正确的工具是成功的开始。
localStorage、sessionStorage 和 cookie介绍以及三者的区别
qq_48763502的博客
08-21 867
localStorage：长期存储数据，不会随会话结束而丢失，适用于存储较多的数据。sessionStorage：会话级别存储数据，浏览器会话结束时丢失，适用于存储较少的数据。cookie：可以与服务器交互，每个 cookie 的大小限制较小，适用于需要在客户端和服务器之间传递信息的场景。
谈谈localStorage以及跟session的区别
Acc13959255444的博客
10-27 1149
在一次创作登录界面项目中，在点击登录事件中，是需要跳转页面，以及将数据（用户名&密码）传到第二个页面进行渲染，也就是今天来聊聊localStorage的方法。 故事由来 跳转登录页面渲染 —————————— 实现思路 第一种方法：让后端生成一个接口，在跳转页面后可以请求到数据。（理论上，这个方法是可以实现的，但是如果后端有脾气，不给你写，你也只能跟后端大眼瞪小眼，所以求人不如求己，看看第二种方法） 前端也有前端的技术，利用h5新特性localstorage进行本地缓存，第二个页面接收数据.
请谈谈session、cookie、 localStorage和SessionStorage的区别和特点？
zzx262625的博客
01-21 439
总的来说，Session、Cookie、localStorage和SessionStorage都是用于在客户端和服务器之间存储数据的技术，但它们的使用场景、存储位置、有效时间和数据大小等方面有所不同。选择哪种技术取决于具体的需求和使用场景。Session、Cookie、localStorage和SessionStorage都是用于在客户端和服务器之间存储数据的技术，但它们之间存在一些重要的区别和特点。
cookie 和 session 和 localStorage的区别
vue
07-14 722
##cookie和session和localStorage的区别 -localstorage和sessionStorage本地存储（发送请求是不携带的） -localstorage浏览器关闭之后不会销毁必须手动销毁，5M -sessionStorage浏览器关闭之后就销毁 localstorage和sessionStorage不能跨域？不能跨域 http是无状态的，可以通过cookie来制造状态，（浏览器设置cookie，服务端可以设置cookie） 每...
Session Storage、 Local Storage和Cookies的区别
weixin_43534452的博客
06-28 623
前端安全
cookie和sessionStorage和localStorage的区别
ALSNEI的博客
02-12 919
cookie和sessionStorage和localStorage的区别 共同点：都是保存在浏览器端，且同源的。 不同： 2.1. 存储数据的生命周期 cookie: 可设置失效时间，默认是关闭浏览器后失效 localStorage: 手动清除，否则永久保存 sessionStorage：仅在当前网页中存在，直到关闭该网页或者浏览器后失效。 2.
cookie和sessionStorage、localStorage的区别
琉夕东流
12-13 402
相同点： 三者都可以被用来在浏览器端存储数据，而且都是字符串类型的键值对。 区别 特性 Cookie LocalStorage sessionStorage 数据的生命周期 一般由服务器生成，可设置失效时间。如果在浏览器生成，默认是关闭浏览器之后失效 除非被清除，否则永久保存 仅在当前会话有效，关闭页面或浏览器后被清除 存放数据大小 4K
了解 cookie、session、localStorage、sessionStorage之间的区别
Dcripple的博客
11-07 1198
cookie和session cookie和session:是用来跟踪浏览器用户身份的会话方式 cookie和session的区别 1、cookie的数据保存在浏览器上，session的数据保存在服务器 2、cookie可以设置失效时间。不设置过期时间，cookie则被保存在内存中，生命周期随浏览器的关闭而结束；设置了过期时间，cookie则被保存在硬盘中，关闭浏览器后，cookie数据仍然存在，直到过期时间结束才消失。 session存储在服务器中，关闭浏览器或停止服务器，session被清除。
每日一问 day4 Cookie、session和localStorage、以及sessionStorage之间的区别
木木开发屋的博客
02-18 602
Cookie、session和localStorage、以及sessionStorage之间的区别 概念理解 webstorage本地存储 1）webstorage是本地存储，存储在客户端，包括localStorage和sessionStorage 2）localStorage生命周期是永久，这意味着除非用户显示在浏览器提供的UI上清除localStorage信息，否则这些信息将永远存在。存放数据大小为一般为5MB,而且它仅在客户端（即浏览器）中保存，不参与和服务器的通信 3）sessionStorage仅
cookie、session、localStorage 和 sessionStorage 区别及应用场景
weixin_43190804的博客
02-23 4309
1.概念理解 Cookie它的主要用途有保存登录信息，比如你登录某个网站市场可以看到“记住密码”，这通常就是通过在 Cookie 中存入一段辨别用户身份的数据来实现的。 localStorage 是 HTML5 标准中新加入的技术，localStorage的生命周期是永久性的。假若使用localStorage存储数据，即使关闭浏览器，也不会让数据消失，除非主动的去删除数据。 sessionStorage 与 localStorage 的接口类似，相较cookie一般存储大一些的数据，但保存数据的生命周期与
localStorage、SessionStorage、cookie、session 之间有什么区别
07-27
localStorage、sessionStorage、cookie和session是在Web开发中常用的四种数据存储方式，它们有以下区别： 1. localStorage：localStorage是HTML5中引入的一种客户端存储数据的方式，数据存储在浏览器的本地，不会...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值