[JavaScript]简述session、cookie、localStorage、sessionStorage的区别

傷城~ 2022-11-28 15:08 61阅读 0赞

### 一、cookie与session ###

**共同点：**  
**cookie和session都是用来跟踪浏览器用户身份的会话方式**

**区别：**  
**1）cookie存在浏览器端，session存在服务器端**

1.cookie如不设置过期时间会随浏览器的关闭而销毁， cookie是服务器发给客户端的特殊信息，cookie是以文本的方式保存在客户端，每次请求时都带上它

2.session机制：当服务器收到请求需要创建session对象时，首先会检查客户端请求中是否包含sessionid。如果有sessionid，服务器将根据该id返回对应session对象。如果客户端请求中没有sessionid，服务器会创建新的session对象，并把sessionid在本次响应中返回给客户端。通常使用cookie方式存储sessionid到客户端，在交互中浏览器按照规则将sessionid发送给服务器。如果用户禁用cookie，则要使用URL重写，可以通过response.encodeURL(url) 进行实现；API对encodeURL的结束为，当浏览器支持Cookie时，url不做任何处理；当浏览器不支持Cookie的时候，将会重写URL将SessionID拼接到访问地址后。

**2）存储内容：cookie只能保存字符串类型，以文本的方式；session通过类似与Hashtable的数据结构来保存，能支持任何类型的对象(session中可含有多个对象)**

**3）单个cookie保存的数据不能超过4kb；session大小没有限制**

### 二、webStorage：HTML5本地存储 ###

提供一种在cookie之外存储会话数据的路径，提供一种**存储大量可以跨会话存在**的数据的机制。

webStorage与cookie的区别：

**1）存储大小不同**

cookie不能超过4k
    
    	localStorage、sessionStorage：5m或者更多

**2）数据有效期**

cookie可以设置过期时间，若不设置则会随浏览器的关闭而销毁
    	
    	localStorage 一直保持，手动清除
    	
    	sessionStorage 关闭页面或者浏览器就清除了

**3）作用域不同**

sessionStorage ==〉只能在当前页面有效
    
    	localStorage、cookie ： 不同页面也会存在

**4）Web storage 支持事件通知机制、可以更新数据时发送给事件监听者**

发表评论取消回复

表情：

评论列表（有 0 条评论，61人围观）

还没有评论，来说两句吧...

相关阅读

相关简述StringBuffer与StringBuilder的区别？

StringBuffer与StringBuilder是字符串变量StringBuffer与StringBuilder类的对象能够被多次的修改，并且不产生新的未使用对象。

清疚/ 2024年04月29日 11:14/ 0 赞/ 54 阅读

相关简述&&和&的区别

2.&和&&都可以用作逻辑与的操作符，表示逻辑与（and），当运算符两边的表达式的结果都为true时，整个运算结果才为true，否则只要一方为false,则结果为fals...

桃扇骨/ 2024年04月29日 11:02/ 0 赞/ 76 阅读

相关简述ajax和axios、fetch的区别

简述ajax和axios、fetch的区别以上三者,总体来说,都是进行获取后端数据的一种方案,但从细微点说,还是有各自的区别的,下面我们来细细对比下各自区别,方便后期搭

待我称王封你为后i/ 2022年12月29日 12:49/ 0 赞/ 178 阅读

相关简述一下src与href的区别

> href 是指向网络资源所在位置，建立和当前元素（锚点）或当前文档（链接）之间的链接，用于超链接。 > src是指向外部资源的位置，指向的内容将会嵌入到文档中当前标签所在

怼烎@/ 2022年12月13日 04:04/ 0 赞/ 169 阅读

相关 [JavaScript]简述session、cookie、localStorage、sessionStorage的区别

一、cookie与session 共同点： cookie和session都是用来跟踪浏览器用户身份的会话方式区别： 1）cookie存在浏览器端，sessio

傷城~/ 2022年11月28日 15:08/ 0 赞/ 62 阅读

相关简述ajax和axios、fetch的区别

-------------------- 故心故心故心故心小故冲啊文章目录 1.jQuery ajax 2.axios 3.fetch ----

男娘i/ 2022年11月03日 11:25/ 0 赞/ 205 阅读

相关简述hibernate和jdbc的区别优缺点

JDBC与Hibernate在性能上相比，JDBC灵活性有优势。而Hibernate在易学性，易用性上有些优势。当用到很多复杂的多表联查和复杂的数据库操作时，JDBC有优势。

逃离我推掉我的手/ 2022年07月13日 03:22/ 0 赞/ 176 阅读

相关简述src和href的区别

src用于替换当前的元素，href用于在当前文档和引用资源之间建立联系。 1）src src是souce的缩写，指向外部资源的位置，指向的内容将会嵌入到文档中当前标签所在位

不念不忘少年蓝@/ 2022年06月09日 11:25/ 0 赞/ 203 阅读

相关简述一下JSP和JSF的区别

这是JSF（一个简单的登录页面） <%@ page contentType="text/html;charset=GBK"%> <!-- 设置网页的编码为G

墨蓝/ 2022年04月23日 05:32/ 0 赞/ 206 阅读

相关 Oracle与Mysql区别简述

在Mysql中，一个用户下可以创建多个库： ![这里写图片描述][SouthEast] 而在Oracle中，Oracle服务器是由两部分组成数据库实例【理解为对象

╰+攻爆jí腚メ/ 2021年09月17日 07:34/ 0 赞/ 346 阅读