cookie、sessionstorage、localstorage区别及应用场景

最新推荐文章于 2024-08-22 10:22:44 发布
最新推荐文章于 2024-08-22 10:22:44 发布
阅读量144 收藏
点赞数
分类专栏： HTTP 文章标签： html5 javascript html
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/tinyint_813/article/details/120042040
版权

相同点：都是同源的、保存在浏览器的

cookie

存储大小：4kb，适合保存小数据
请求都会传送到服务器
应用场景：判断用户是否登陆过网站、一般存储用户名密码相关信息

localstorage

存储大小：5MB
生命周期：永久，除非主动删除
请求不会传送到服务器，因为存储在本地
应用场景：统计页面访问次数

sessionStorage

存储大小：5MB
生命周期：关闭了浏览器窗口后就会被销毁
请求不会传送到服务器，因为存储在本地
应用场景：统计当前页面元素的点击次数

tinyint_813
关注
专栏目录
cookie、sessionStorage和localStorage的区别（详细）
微微的猪食小窝
11-13 1276
1）webstorage是本地存储，存储在客户端，包括localStorage和sessionStorage2）localStorage生命周期是永久，这意味着除非用户显示在浏览器提供的UI上清除localStorage信息，否则这些信息将永远存在。存放数据大小为一般为5MB,而且它仅在客户端（即浏览器）中保存，不参与和服务器的通信3）sessionStorage仅在当前会话下有效，关闭页面或浏览器后被清除。存放数据大小为一般为5MB,而且它仅在客户端（即浏览器）中保存，不参与和服务器的通信。
cookie、sessionStorage、localStorage 详解及应用场景
weixin_34195364的博客
07-28 290
cookie、sessionStorage、localStorage 详解及应用场景 Cookie的作用是与服务器进行交互，作为HTTP规范的一部分而存在，而Web Storage仅仅是为了在本地“存储”数据而生 cookie Cookie的作用是与服务器进行交互，作为HTTP规范的一部分而存在 了解cookie 要表示唯一的一个co...
session,cookie,sessionStorage,localStorage的区别及应用场景
choupixiaolin的博客
10-26 1297
浏览器的缓存机制提供了可以将用户数据存储在客户端上的方式，可以利用cookie,session等跟服务端进行数据交互。 一、cookie和session cookie和session都是用来跟踪浏览器用户身份的会话方式。 区别： 1、保持状态：cookie保存在浏览器端，session保存在服务器端 2、使用方式： （1）cookie机制：如果不在浏览器中设置过期时间，cookie被保存在内存中，生命周期随浏览器的关闭而结束，这种cookie简称会话cookie。如果在浏览器中设置了cookie
localStorage、sessionStorage、cookie的区别以及应用场景
最新发布
qq_45973155的博客
08-22 477
Cookie适用于需要跨会话保持的数据，并且需要在客户端和服务器之间传输的数据（如身份验证信息）。适用于存储单个会话期间需要的数据，且这些数据只在当前标签页或窗口中有效。适用于需要持久化存储的数据，如用户偏好设置，这些数据跨会话存在，且在同源的所有标签页和窗口中共享。选择哪种存储方式取决于你的具体需求，包括数据的生命周期、大小限制以及是否需要跨请求或跨会话共享。
localStorage与sessionStorage的使用场景
leng0920的博客
11-16 607
localStorage与sessionStorage的使用场景
理解 cookie、session、localStorage 和 sessionStorage 区别及应用场景
diwang_718的博客
04-13 547
cookie 和 session cookie是存储在客户端浏览器中的，一般由服务器端生成，用于标识用户身份。 session是存储在服务器端，用于跟踪浏览器用户身份的会话方式。 他们的区别： 1、cookie存储在浏览器端，session存储在服务器端。 2、使用方式 （1）cookie机制：如果不在浏览器中设置过期时间，cookie被保存在内存中，浏览器关闭cookie数据不存在，这种cook...
关于session、cookie、sessionStorage、localStorage的简要理解
a690304的博客
01-18 298
一、cookie和session 首先session和cookie用于浏览器客户端与服务端进行数据交互，通过会话的方式跟踪浏览器用户身份 (1) cookie 1.1) 一般由服务器生成,可以设置失效时间，如果是浏览器生成则默认浏览器关闭后失效 1.2)与服务器端通信，每次请求都放在http请求头中 1.3)数据存储在内存中，数据大小为4KB，保存类型为字符串 (2) session 2...
cookie sessionStorage localStorage 应用场景
07-16
Cookie、sessionStorage 和 localStorage 都是浏览器提供的客户端存储机制，常用于 Web 开发中管理用户信息或网站数据。 1. Cookie: - 场景：主要用于小型数据存储，如用户的登录状态（`authToken`）、首选项设置...
cookie、sessionStorage和localStorage的区别和使用
曹进的博客
07-12 3120
cookie、sessionStorage和localStorage的区别和使用
cookie、sessionStorage和localStorage的区别
aliyun3的博客
04-25 1435
一、 概念的理解 webstorage本地存储 1）webstorage是本地存储，存储在客户端，包括localStorage和sessionStorage 2）localStorage生命周期是永久，这意味着除非用户显示在浏览器提供的UI上清除localStorage信息，否则这些信息将永远存在。存放数据大小为一般为5MB,而且它仅在客户端（即浏览器）中保存，不参与和服务器的通信 3）sessionStorage仅在当前会话下有效，关闭页面或浏览器后被清除。存放数据大小为一般为5MB,而且它仅在客户端（
jQuery访问浏览器本地存储cookie、localStorage和sessionStorage的基本用法
10-19
在Web开发中，数据存储是不可或缺的一部分，jQuery提供了一些便捷的方法来访问和操作浏览器的本地存储，包括cookie、localStorage和sessionStorage。这三个机制都用于在客户端存储数据，但它们各有特点和适用场景。 ...
sessionStorage与localStorage的比较与使用场景
太阳晒屁股了的博客
05-07 4706
前言：我们都知道Cookie是进行权限验证的，它是用户第一次请求服务器后由服务端生成返给客户端的。现在有个需求需要保存用户的权限数据下次请求服务器时带服务端(数据有点大超过4kb)，由于传统的Cookie最大保存数据不能超过4kb，于是问题来了，客户端如何保存这个权限数据呢？ 一，HTML5的的WebStorage提供了客户端存储的2中解决方案，分别是sessionStorage与lo...
cookie,sessionStorage,localStorage的区别及应用场景、http状态码含义、使用token登录、无感登录
weixin_42575028的博客
03-28 1164
浏览器的缓存机制提供了可以将用户数据存储在客户端上的方式，可以利用cookie，session等跟服务端进行数据交互。浏览器的存储方式有哪些？
localStorage、sessionStorage、cookie的区别、用法及使用场景
amyleeYMY的博客
09-21 1136
参考文章：https://segmentfault.com/a/1190000004556040                   https://segmentfault.com/a/1190000012057010#articleHeader0 webStorage是本地存储，存储在客户端，包括localStorage和sessionStorage。 localStorage lo...
localStorage,sessionStorage,cookie使用场景和区别
qq_46373615的博客
10-09 806
localStorage:H5新增在浏览器存储数据的方法 使用场景： 用来统计页面访问次数 sessionStorage：H5新增在浏览器存储数据的方法 使用场景：用来统计当前页面点击次数 cookie：在浏览器和服务器都可设置，传统的存储数据方法 使用场景：存储用户名和密码 三者区别 1、生存时间：cooke可以设置生存时间，默认为半个小时，sessionStorage是会话级的数据，浏览器窗口关闭即清楚，localSt...
localStorage、sessionStorage 和 Cookie 区别、 用法、 和应用场景等(一张表格解决)
GMLGDJ的博客
03-22 3439
localStorage保存在客户端，不与服务器进行交互通信,存储字符串类型，对于复杂的对象可以使用JSON.stringify和JSON.parse来处理，永久的，关闭页面或浏览器之后localStorage中的数据也不会消失，一般5MB以内，cookie只能保存字符串类型，以文本的方式，​​​​​​​格式为document.cookie = name='value; expires=UTC"; path=/'path 参数，属于的路径,默认为当前页面，sessionStorage及在当前会话下有效...
浅谈cookie、sessionStorage、localStorage的生命周期
ryconler的博客
04-13 3288
最近忙于毕业设计，要写一个用户行为分析平台，需要合理使用这三种技术来追踪用户行为，于是查询相关资料并做了些小测试来熟悉这三种技术。我将自己学习内容和使用时遇到的一些小细节在此做个总结。 众所周知，sessionStorage和localStorage是H5的新特性，和cookie一样都可以在客户端存储一些数据，他们的区别在于： localStorage的生命周期是永久的，如果不主动使用以下方法...
cookie，sessionStorage，localStorage
weixin_68160847的博客
01-29 693
cookie：（1）判断用户是否登陆过网站，以便下次登录时能够实现自动登录（或者记住密码）。如果我们删除cookie，则每次登录必须从新填写登录的相关信息。 　　　　（2）保存上次登录的时间等信息。 　　　　（3）保存上次查看的页面 　　　　（4）浏览计数
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值