JS几种存储方式

简介: JS几种存储方式

cookie:
cookie是以文本的方式保存字符串类型数据在浏览器端。每次请求时都带上它。

cookie数据始终在[同源]的http请求中携带,即cookie在浏览器和服务器间来回传递,会将数据自动发送给服务器。

可以设置cookie只属于某个路径下。

cookie存储空间小。单个cookie不能超过4Kb。 cookie一般用来存储 token , userinfo,会话标识等。

cookie存在过期时间。如果没有设置过期时间,cookie存在内存中,浏览器关闭后cookie数据失效,这种cookie成为会话cookie;如果设置了过期时间,cookie被保存在硬盘中,不管窗口或者浏览器是否关闭,cookie数据仍然存在,直到过期时间结束才失效。

cookie和session 的区别:
1,保持状态:

cookie保存在浏览器端,

session保存在服务器端

2,存储空间的大小:

cookie:单个cookie保存的数据不能超过4kb;

session大小没有限制。

3,session的安全性大于cookie

localStorage和sessionStorage的区别:

localStorage和sessionStorage不会自动把数据发送给服务器,仅保存在本地。

localStorage和sessionStorage和cookie都保存的浏览器端。

localStorage和sessionStorage存储空间都比cookie的存储空间更大。可以达到5MB或更大。

sessionStorage:临时存储。仅在当前浏览器窗口关闭之前有效。在同源浏览器其他窗口无效,在其他浏览器无效。

localStorage:永久存储。在所有同源窗口中都共享。

cookie:自定义过期时间。在所有同源窗口中都共享。


相关文章
|
4月前
|
关系型数据库 MySQL 存储
|
3月前
|
存储 中间件 API
Nest.js 实战 (六):使用 Session 在不同请求间存储信息
这篇文章介绍了在Nest.js中如何使用Session来记录客户状态。文章首先解释了Session的概念,然后详细说明了如何在Nest.js中安装和使用express-session,包括全局配置、参数说明、使用方式和常用方法。
|
4月前
|
存储 前端开发 安全
JavaScript进阶 - 浏览器存储:localStorage, sessionStorage, cookies
【7月更文挑战第2天】探索Web存储:localStorage持久化,sessionStorage会话限定,cookies则伴随HTTP请求。了解它们的特性和限制,如localStorage的5MB容量限制、跨域问题,sessionStorage的生命周期,及cookies的安全与带宽消耗。使用时需权衡安全、效率与应用场景。示例代码展示存储与检索方法。
299 2
|
5月前
|
存储 JavaScript 前端开发
JavaScript中的对象是数据结构,存储键值对,键为字符串,值可为任意类型,包括函数(作为方法)
【6月更文挑战第25天】JavaScript中的对象是数据结构,存储键值对,键为字符串,值可为任意类型,包括函数(作为方法)。
41 2
|
5月前
|
存储 JavaScript 前端开发
JavaScript中的数组是核心数据结构,用于存储和操作序列数据
【6月更文挑战第22天】JavaScript中的数组是核心数据结构,用于存储和操作序列数据。创建数组可以使用字面量`[]`或`new Array()`。访问元素通过索引,如`myArray[0]`,修改同样如此。常见方法包括:`push()`添加元素至末尾,`pop()`移除末尾元素,`shift()`移除首元素,`unshift()`添加到开头,`join()`连接为字符串,`slice()`提取子数组,`splice()`进行删除、替换,`indexOf()`查找元素位置,`sort()`排序数组。还有其他如`reverse()`、`concat()`等方法。
131 2
|
4月前
|
存储 JavaScript 前端开发
JavaScript进阶 - 浏览器存储:localStorage, sessionStorage, cookies
【7月更文挑战第8天】Web开发中的客户端存储技术,如`localStorage`, `sessionStorage`和`cookies`,用于保存用户设置和跟踪活动。`localStorage`持久化存储,`sessionStorage`随页面会话消失。两者提供基本的增删查改操作,但有大小限制和安全风险。`cookies`适合会话管理,可设置过期时间并能跨域。使用时注意存储量、安全性和跨域策略,选择适合场景的存储方式。
204 0
|
6月前
|
存储 SQL JavaScript
js常见的存储API以及应用场景?使用方式,各个优缺点?
【4月更文挑战第4天】JavaScript存储API包括`localStorage`、`sessionStorage`、`cookies`、`IndexedDB`和弃用的`Web SQL`。`localStorage`和`sessionStorage`用于页面数据存储,前者持久化,后者限当前会话。`cookies`适用于会话管理,但存储空间有限。`IndexedDB`适合大量结构化数据存储和查询。废弃的`Web SQL`曾提供关系型数据库功能。选择时需考虑数据性质、存储需求、安全性和兼容性。
115 2
|
6月前
|
存储 JavaScript 前端开发
在浏览器中存储数组和对象(js的问题)
在浏览器中存储数组和对象(js的问题)
68 0
|
存储 JavaScript
JS数据类型有哪些?存储上有什么区别?
JS数据类型有哪些?存储上有什么区别?
|
6月前
|
存储 JavaScript 前端开发
数组:数组是JS中的一种特殊对象,用于存储一组有序的数据。需要掌握数组的创建、访问、修改以及各种内置方法。
数组:数组是JS中的一种特殊对象,用于存储一组有序的数据。需要掌握数组的创建、访问、修改以及各种内置方法。
76 2
下一篇
无影云桌面