cookie,sessionStorage和localStorage的区别

cookie、sessionStorage和localStorage在Web开发中都有各自独特的用途和区别。以下是它们之间的主要区别和举例:

数据存储与传输:

Cookie:数据始终在同源的HTTP请求中携带,即cookie在浏览器和服务器间来回传递。例如,当用户登录一个网站时,网站可能会设置一个名为“session_id”的Cookie,该Cookie包含用户的唯一标识符。在用户浏览网站时,服务器可以通过检查该Cookie来确认用户的身份。

sessionStorage:它不会自动把数据发给服务器,仅在本地保存,并且仅在当前浏览器窗口关闭前有效。例如,它可以用于存储表单数据或用户登录状态等临时信息。

localStorage:同样不会自动把数据发给服务器,但数据始终有效,即使窗口或浏览器关闭也一直保存。因此,它常被用作持久数据。例如,它可以用于存储用户的偏好设置或会话信息等。

存储大小:

Cookie:由于需要在每次HTTP请求中发送,所以其大小通常有限制(一般为4KB左右)。

sessionStorage和localStorage:虽然也有存储大小的限制,但比cookie大得多,可以达到5M或更大。

生命周期与作用域:

Cookie:有一个过期时间,在过期时间之前始终有效。并且它在所有同源窗口中都是共享的。

sessionStorage:仅在当前浏览器窗口关闭前有效,并且不在不同的浏览器窗口间共享。

localStorage:始终有效,窗口或浏览器关闭也一直保存。同时,它在所有同源窗口中都是共享的。

综上所述,cookie、sessionStorage和localStorage在数据存储与传输、存储大小以及生命周期与作用域等方面都存在明显的区别。localStorage:存储持久数据,浏览器关闭后数据不会丢失,除⾮主动删除数据。sessionStorage:数据在当前浏览器窗⼝关闭后⾃动删除。3cookie:设置的cookie过期时间之前⼀直有效,即使窗⼝关闭或浏览器关闭。cookie数据时钟在同源的http请求中携带(即使不需要),即会在浏览器和服务器之间传递。seeeionStorage和localStorage不会⾃动把数据发给服务器,仅在本地保存。

 

  • 10
    点赞
  • 5
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值