您现在的位置是: 首页 » 网页代码 » angular如何获取sessionstorage
网页代码

angular如何获取sessionstorage

网站优化小编一月 9, 2020 11人已围观

在Angular中sessionStorage是用来存储客户端临时信息的对象,那么如何获取sessionStorage对象中的信息呢?下面本篇文章就来给大家介绍一下,希望对大家有所帮助。

网站运营中栏目排名优化技巧

sessionStorage用于本地存储一个会话(session)中的数据,这些数据只有在同一个会话中的页面才能访问并且当会话结束后数据也随之销毁。

sessionStorage不是一种持久化的本地存储,仅仅是会话级别的存储。我们可利用SessionStorage保存一些会话类公共信息。

angular如何获取sessionstorage?

我们可以使用getItem()方法来获取sessionstorage中的数据。getItem()方法接受一个键名(key name)作为参数,并返回对应键名的值(key's value)。

语法:

sessionStorage.getItem(key)

示例:使用sessionStorage判断是否已登录

1、登录提交设置sessionStorage

登录的时候将账户信息添加进sessionStorage,这里为方便直接记录账户名。当然在实际使用中一般都是登录成功返回信息时进行添加,然后再进行跳转。

在LoginCtrl控制器中跳转前加入以下代码:

sessionStorage.setItem('username', $scope.username);

2、在页面中添加判断

除了login页面之外,其他页面都需要进行判断,这里我们在头部控制器里加入判断:

//判断是否已经登录,未登录则进行跳转
if (!sessionStorage.getItem('username')) {//使用getItem()方法来获取sessionstorage中的信息,判断是否为空
  alert("请登录");
  location.href = 'index.html#/';
}

相关视频教程推荐:《Angular.js教程》

文章评论

    发表评论

    电子邮件地址不会被公开。

站点信息
  • 站点运行:266天
  • 网站程序:Wordpress
  • 主题模板:bvseo
  • 文章统计:3958 条
  • 文章评论:120 条
  • 微信公众号:扫描二维码,关注我们