前端session的用法

2024年2月6日发(作者：)

前端session的用法

Session 是一种在服务端存储数据的方式，它可以在多个页面之间共享数据。前端

JavaScript 中的 session 是通过在浏览器中存储 session ID 来实现的。

在前端中使用 session 的常用方法如下：

•

使用 sessionStorage 和 localStorage

存储数据 sessionStorage 和

localStorage 是浏览器提供的两种存储方式，它们都可以在前端存储数据。不同的是，sessionStorage 数据只在当前会话中有效，而 localStorage 数据会永久保存。

•

使用 cookie 存储数据 Cookie 是另一种在前端存储数据的方式，它可以设置过期时间，并且可以在不同的域名之间共享数据。

•

使用 JWT JWT (JSON Web Token) 是一种基于 JSON 的开放标准，用于在不同系统之间安全地传输数据。JWT 包含了一些数据，并且使用加密算法来保证数据的安全性。

这些方法都可以在前端中实现 session 的功能，但是需要注意的是，这些数据都是存储在客户端的，因此不能保证数据的安全性。如果需要保证数据的安全性，则需要在服务端存储 session。

sessionStorage 和 localStorage 都是浏览器提供的存储方式，它们都可以在前端存储数据，但是它们之间有一些区别。

•

sessionStorage 只能在当前会话中存储数据，当用户关闭浏览器或者切换到其他页面时，数据会被清除。

•

localStorage 可以永久存储数据，直到被手动清除或者超过存储限制。

在使用 sessionStorage 和 localStorage 时，可以使用 setItem(key, value) 和

getItem(key) 来存储和获取数据。

例如:

//存储数据

m("name", "John

Doe"); m("address", "123

Main St"); //获取数据

let name =

m("name"); let address

= m("address");

Cookie 是浏览器提供的另一种存储方式，它可以设置过期时间，并且可以在不同的域名之间共享数据。在使用 cookie 时，可以使用 来存储和获取数据。

例如:

//存储数据

= "name=John Doe;

expires=Thu, 18 Dec 2020 12:00:00 UTC;

path=/";

= "address=123 Main St;

expires=Thu, 18 Dec 2020 12:00:00 UTC;

path=/";

//获取数据

let name = getCookie("name");

let address = getCookie("address");

需要注意的是，这些数据都是存储在客户端的，因此不能保证数据的安全性，如果需要

保证数据的安全性，则需要在服务端存储

session。