119cookie、session、localStorage、sessionStorage之不同

1、cookie

(1)http是一种无状态的协议,服务器不能通过它区分向它发出请求的不同客户;

(2)cookie可以在前后端进行用户的身份认证,标记用户。

(3)服务端的解决办法是:向客户端种植cookie,并在服务端通过session去管理cookie。当需要记住用户时,比如说登录,在服务端会设置一个响应头Set-Cookie,返回给客户端,例如:Set-Cookie:SESSIONID=12345678;客户端接收到这个响应后,此后发送的每一个请求浏览器都会自动带上Cookie请求头,对应内容是Cookie:SESSIONID=12345678。在服务端内存中存有session,将客户端发送的请求中的cookie值与内存中的session进行对比,就可以识别这个客户端了。

2、JS管理cookie

(1)设置cookie:document.cookie="name="+username;

(2)JS读取cookie:假设cookie中存储的内容为:name=jack;password=123;username的值的JS代:var username=document.cookie.split(";")[0].split("=")[1];

(3)JS删除cookie: document.cookie = name + "="+ null + ";expires=" + 过去时间;

3、localStorage,永久可用

4、sessionStorage,页面会话期间可用

5、localStorage和sessionStorage的方法

(1)setItem (key, value)保存数据,以键值对的方式储存信息。

(2)getItem (key) 获取数据,将键值传入,即可获取到对应的value值。

(3)removeItem (key)删除单个数据,根据键值移除对应的信息。

原文地址:https://www.cnblogs.com/gushixianqiancheng/p/11063309.html

时间: 2024-11-05 21:42:38

119cookie、session、localStorage、sessionStorage之不同的相关文章

session,cookie,sessionStorage,localStorage的区别及应用场景

session,cookie,sessionStorage,localStorage的区别及应用场景 浏览器的缓存机制提供了可以将用户数据存储在客户端上的方式,可以利用cookie,session等跟服务端进行数据交互. 一.cookie和session cookie和session都是用来跟踪浏览器用户身份的会话方式. 区别: 1.保持状态:cookie保存在浏览器端,session保存在服务器端 2.使用方式: (1)cookie机制:如果不在浏览器中设置过期时间,cookie被保存在内存中

iOS开发和localStorage/sessionStorage

一.前言 在近期的工作中,有前端同学告诉我要清除localStorage,我当时对localStorage完全没有概念,所以就在w3c看了一下相关的内容,下面简单的介绍一下.算是对iOS开发者普及H5的一些常识吧,高手请直接忽略. 二.localStorage && sessionStorage 在HTML5中,为了在客户端存储数据,HTML提供了两种在客户端存储数据的新方法: * localStorage:没有时间限制的数据存储. * sessionStorage:针对一个session

JQuery和JS操作LocalStorage/SessionStorage的方法

JQuery和JS操作LocalStorage/SessionStorage的方法 LocalStorage 是对Cookie的优化 没有时间限制的数据存储 在隐私模式下不可读取 大小限制在500万字符左右,各个浏览器不一致 在所有同源窗口中都是共享的 本质是在读写文件,数据多的话会比较卡(firefox会一次性将数据导入内存) 不能被爬虫爬取,不要用它完全取代URL传参 IE7及以下不支持外,其他标准浏览器都完全支持 SessionStorage 针对一个 session 的数据存储 大小限制

html5 webStorage:localStorage sessionStorage

localStorage sessionStorage的使用: 与cookie相比,webStorage有很多优势(如本文结尾),所以在选择的时候,优先选择webStorage! sessionStorage使用方法完全同localStorage一致,不同之处: 1 localStorage:没有时间限制的数据存储,类似于cookie,一直存在,直到用户清除数据: 2 sessionStorage只针对一个 session 的数据存储,关闭当前网页/窗口就会消失: 1 if(typeof(Sto

localStorage sessionStorage cookie indexedDB

目录: localStorage sessionStorage cookie indexedDB localStorage localStorage存储的数据能在跨浏览器会话保留 数据可以长期保留,关闭会话,数据不会被清除 存储的键值对,是以字符串的形式存储的,数值类型会自动转化为字符串. 用法 // 等价,键值对以字符串形式存储,和js对象不一样 window.localStorage.setItem('x',1) // '1' window.localStorage.setItem('x',

[转] 浅谈session,cookie,sessionStorage,localStorage的区别及应用场景

浏览器的缓存机制提供了可以将用户数据存储在客户端上的方式,可以利用cookie,session等跟服务端进行数据交互. 一.cookie和session cookie和session都是用来跟踪浏览器用户身份的会话方式. 区别: 1.保持状态:cookie保存在浏览器端,session保存在服务器端 2.使用方式: (1)cookie机制:如果不在浏览器中设置过期时间,cookie被保存在内存中,生命周期随浏览器的关闭而结束,这种cookie简称会话cookie.如果在浏览器中设置了cookie

session,cookie,sessionStorage,localStorage的区别~~~前端面试

---恢复内容开始--- cookie&&session 区别: 1.保持状态:cookie保存在浏览器端,session保存在服务器端 2.使用方式: (1)cookie机制:如果不在浏览器中设置过期时间,cookie被保存在内存中,生命周期随浏览器的关闭而结束,这种cookie简称会话cookie.如果在浏览器中设置了cookie的过期时间,cookie被保存在硬盘中,关闭浏览器后,cookie数据仍然存在,直到过期时间结束才消失. Cookie是服务器发给客户端的特殊信息 (2)se

cookie、session、sessionStorage 、localStorage 区别

1> cookie在浏览器与服务器之间来回传递,在想服务器发送请求时,web浏览器会自动携带cookie. sessionStorage和localStorage不会把数据发给服务器,仅在本地保存 2> 数据有效期不同 cookie: 可以设置过期时间,即使窗口或浏览器关闭,cookie也不会在设置的过期时间之前失效.        cookie的默认过期时间为会话结束之前,浏览器会话期间,关闭浏览器窗口,cookie就会消失,这个称之为会话cookie. sessionStorage:仅在当

浅谈session,cookie,sessionStorage,localStorage的区别及应用场景

浏览器的缓存机制提供了可以将用户数据存储在客户端上的方式,可以利用cookie,session等跟服务端进行数据交互. 一.cookie和session cookie和session都是用来跟踪浏览器用户身份的会话方式. 区别: 1.保持状态:cookie保存在浏览器端,session保存在服务器端 2.使用方式: (1)cookie机制:如果不在浏览器中设置过期时间,cookie被保存在内存中,生命周期随浏览器的关闭而结束,这种cookie简称会话cookie.如果在浏览器中设置了cookie

session,cookie,sessionStorage,localStorage的相关设置以及获取删除

一.cookie 什么是 Cookie? “cookie 是存储于访问者的计算机中的变量.每当同一台计算机通过浏览器请求某个页面时,就会发送这个 cookie.你可以使用 JavaScript 来创建和取回 cookie 的值.” - w3school cookie 是访问过的网站创建的文件,用于存储浏览信息,例如个人资料信息. 从JavaScript的角度看,cookie 就是一些字符串信息.这些信息存放在客户端的计算机中,用于客户端计算机与服务器之间传递信息. 在JavaScript中可以通