前端js操作session的方法

session

需引用库 jquerySession.js

  • 添加数据
$.session.set('key', 'value')
  • 删除数据
$.session.remove('key');
  • 获取数据
$.session.get('key');
  • 清除数据
$.session.clear(); 

sessionStorage

这个同页面可以,跨页不行

  • 存储数据
    1.采用setItem()方法存储
sessionStorage.setItem('testKey','这是一个测试的value值'); // 存入一个值

2.通过属性方式存储

sessionStorage['testKey'] = '这是一个测试的value值;
  • 读取数据
    1.通过getItem()方法取值
sessionStorage.getItem('testKey'); // => 返回testKey对应的值

2.通过属性方式取值

sessionStorage['testKey']; // => 这是一个测试的value值
  • 删除数据
sessionStorage.removeItem('testKey'); // => 从sessionStorage删除保存的数据
sessionStorage.clear() // => 从sessionStorage删除所有保存的数据

localStorage

可以跨页

  • 添加数据
localStorage.a = 3;//设置a为"3"
localStorage["a"] = "sfsf";//设置a为"sfsf",覆盖上面的值
localStorage.setItem("b","isaac");//设置b为"isaac"
  • 获取数据
var a1 = localStorage["a"];//获取a的值
var a2 = localStorage.a;//获取a的值
var b = localStorage.getItem("b");//获取b的值
  • 删除数据
localStorage.removeItem("c");//清除c的值
Session是指在服务器中存储用户数据的一种机制,通过使用Session,我们可以在应用程序的不同页面中保存和共享用户的数据。在前端中,我们可以使用JavaScript来写Session数据。 如何写Session数据? 在前端中,我们使用JavaScript的内置对象——window.sessionStorage对象——来实现写Session数据的功能。在调用sessionStorage对象的setItem()方法时,会将键值对存储在当前会话的Session Storage中。 下面是一个示例代码: // 设置Session数据 sessionStorage.setItem("username", "张三"); sessionStorage.setItem("age", "18"); 在这个示例中,我们将两个键值对 "username" 和 "age" 存储在Session Storage中。 如何读取Session数据? 同样,在前端中,我们可以使用JavaScript的window.sessionStorage对象的getItem()方法来读取Session数据。以下是一个读取Session数据的示例: // 获取Session数据 var username = sessionStorage.getItem("username"); console.log(username); // 输出 "张三" var age = sessionStorage.getItem("age"); console.log(age); // 输出 "18" 在这个示例中,我们分别读取了使用setItem()方法存储的 "username" 和 "age" 值,并将其输出到控制台中。 总结: 通过使用window.sessionStorage对象,我们可以在前端中方便地存储和读取Session数据,这样就可以在不同的页面之间共享和使用数据。在实际开发中,我们可以将Session数据用于识别用户、缓存页面数据等场景。同时,在使用Session时需要注意安全性,避免出现数据泄露等情况。
评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

绀香之末

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值