localStorage、sessionStorage和cookie

html4中的本地存储方式:cookie和session

浏览器的存储机制提供了可以将用户数据存储在客户端上的方式。利用cookie和session等跟服务端进行信息交互。

cookie和session

cookie机制:

如果不在浏览器中设置过期时间,数据会随着浏览器的关闭而消失;如果在浏览器中设置过期时间,会将数据保存在硬盘中,关闭浏览器后,数据仍然存在。

session机制:

当服务器收到请求需要创建session对象时,首先会检查客户端请求中是否包含sessionid。如果有sessionid,服务器将根据该id返回对应session对象。如果客户端请求中没有sessionid,服务器会创建新的session对象,并把sessionid在本次响应中返回给客户端。 通常使用cookie方式存储sessionid到客户端,在交互中浏览器按照规则将sessionid发送给服务器。

如果用户禁用cookie,则要使用URL重写,可以通过response.encodeURL(url) 进行实现;API对encodeURL的结束为,当浏览器支持Cookie时,url不做任何处理;当浏览器不支持Cookie的时候,将会重写URL将SessionID拼接到访问地址后。(待理解。。。)

相同点:

用来跟踪浏览器用户身份的会话方式

不同点:

cookie存储在客户端(浏览器端),session存储在服务器端 cookie数据大小4kb,session数据大小不受限制 session安全性大于cookie cookie只能以文本形式保存字符串类型,session能保存任何类型

cookie应用场景:

cookie:(1)判断用户是否登陆过网站,以便下次登录时能够实现自动登录(或者记住密码)。如果我们删除cookie,则每次登录必须从新填写登录的相关信息。

session应用场景:

Session用于保存每个用户的专用信息,变量的值保存在服务器端,通过SessionID来区分不同的客户。

html5中提供的两种页面存储方式:localStorage(本地存储)和sessionStorage(会话存储)

localStorage特性:

1、生命周期是永久的,除非在浏览器UI中删除,否则会一直存在 2、存储数据的大小为5mb 3、只将数据存储在客户端,不与服务端进行通讯

sessionStorage特性:

1、生命周期是在会话期间,关闭浏览器窗口数据会消失 2、存储数据的大小为5mb 3、只将数据存储在客户端,不与服务端进行通讯

全部评论

相关推荐

点赞 评论 收藏
转发
点赞 收藏 评论
分享
牛客网
牛客企业服务