首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

Angularjs设置Cookie在20分钟内过期

AngularJS是一种流行的前端开发框架,用于构建单页应用程序。在AngularJS中设置Cookie并使其在20分钟内过期,可以通过以下步骤实现:

  1. 首先,确保在你的应用程序中引入了AngularJS库。
  2. 在你的控制器或服务中注入$cookies服务,以便在代码中使用它。
代码语言:javascript
复制
app.controller('MyController', ['$scope', '$cookies', function($scope, $cookies) {
  // 在这里使用$cookies服务
}]);
  1. 使用$cookies服务的put方法设置Cookie的值和过期时间。在这种情况下,我们将设置一个名为myCookie的Cookie,并使其在20分钟后过期。
代码语言:javascript
复制
app.controller('MyController', ['$scope', '$cookies', function($scope, $cookies) {
  var expirationDate = new Date();
  expirationDate.setMinutes(expirationDate.getMinutes() + 20);

  $cookies.put('myCookie', 'cookie value', { expires: expirationDate });
}]);
  1. 要获取Cookie的值,可以使用$cookies服务的get方法。
代码语言:javascript
复制
app.controller('MyController', ['$scope', '$cookies', function($scope, $cookies) {
  var cookieValue = $cookies.get('myCookie');
  console.log(cookieValue);
}]);

这样,你就可以在AngularJS应用程序中设置一个在20分钟内过期的Cookie了。

页面内容是否对你有帮助?
有帮助
没帮助

相关·内容

  • javaweb cookie基本操作 以及过期时间设置无效问题解决

    关于cookie设置过期无效的问题: 经过cookie.getMaxAge()获取的值,显示出来永远是-1....但实际的值并不是-1; 可以通过关闭浏览器测试,cookie还在; 或者设置cookie时间为10,等10秒时间之后,cookie会被删除; 并不是网上说的要设置 path, domin; 你只要知道...,都会在HTTP请求中包含cookie数据,服务器解析cookie,就能得到客户的信息; * * cookie操作: * 服务器 * 1.在HTTP响应结果中添加Cookie数据。...* * cookie有效期设置 * Servlet可以通过Cookie类的getMaxAge()方法获取Cookie的有效期; * Servlet可以通过设置Cookie类的setMaxAge(...在匹配 path,默认为 “/应用名字/” 1) 同一个tomcat下多个webapp共享cookie: 此时:默认的Domain是一样的,所以不需要设置; path不一样,那么就强制设置为同一个path

    2.4K20

    Angular中ngCookies模块介绍

    硬盘Cookie保存在硬盘里,有一个过期时间,除非用户手工清理或到了过期时间,硬盘Cookie不会被删除,其存在时间是长期的。所以,按存在时间,可分为非持久Cookie和持久Cookie。...当然是在Cookie的有效期内。 基于jQuery的jQuery.cookie.js是很多开发者用于项目中操作Cookie的库。...cookie的写入目录,或者过期时间。...在开发过程中,遇到一位同事,要完成 用户登录记住用户名和密码功能,使用的是如下代码,代码是无效的,因为$cookieStore不可以通过设置default里面的expires设置过期时间,$cookieStore...参考网址 1.https://docs.angularjs.org/api/ngCookies 2.https://docs.angularjs.org/api/ngCookies 3.细说Cookie

    2.4K80

    看我如何利用漏洞窃取麦当劳网站注册用户密码

    POC-利用反射型XSS漏洞绕过AngularJS框架沙箱 麦当劳网站McDonalds.com设置有一个搜索页面,该页面存在XSS反射型漏洞,可以返回搜索参数值,假设搜索参数q为**********...通过更改搜索参数q为{{$id}}之后,发现返回值对应AngularJS范围内的对应ID数字9: Link used: https://www.mcdonalds.com/us/en-us/search-results.html...由于AngularJS工作在沙箱模式,所以使用参数{{alert(1)}}无任何返回信息,但这并不代表AngularJS沙箱没有漏洞。...在 AngularJS1.6版本中,由于沙箱机制不能很好地起到安全防护目的,已经被从源码中移除。而PortSwigger还对AngularJS的各版本沙箱进行了绕过测试,并给出了相应绕过执行命令。...: 由于AngularJS沙箱绕过方法只对charAt的join方法(charAt=[].join;$eval(‘x=alert(1)’))有效,所以即使我曾尝试在搜索区域构造其它恶意命令对cookie

    2K60

    Restful安全认证及权限的解决方案

    JWT的优势:  无状态,可以无限水平扩展  可重用,可以在多语言多平台多域中使用  安全性高,由于没有使用Cookie,因此可以防止跨站请求伪造(CSRF)攻击  性能好,只验证令牌并解析其内容...查找Token是否存在,主要是为了解决用户注销,但Token还在时效内的问题,如果Token在Redis中存在,则说明用户已注销;如果Token不存在,则校验通过。 ...7.用户注销时,服务端需要把还在时效内的Token保存到Redis中,并设置正确的失效时长。  ? 四、在实际环境中如何使用JWT  1.Web应用程序  在令牌过期前刷新令牌。...如设置令牌的过期时间为一个星期,每次用户打开Web应用程序,服务端每隔一小时生成一个新令牌。如果用户一个多星期没有打开应用,他们将不得不再次登录。 ...七、附录  https://www.toptal.com/web/cookie-free-authentication-with-json-web-tokens-an-example-in-laravel-and-angularjs

    2.9K50

    JSON Web Token(JWT)教程:一个基于Laravel和AngularJS的例子

    服务器使用在用户浏览器上设置的cookie进行响应,并包含用于标识用户的会话ID。 在每个后续请求中,由于用户数据存储在服务器上,服务器需要找到该会话并对其进行反序列化。...在我们创建了基本的Laravel 5应用程序之后,我们需要设置我们的Homestead.yaml,它将为我们的本地环境配置文件夹映射和域配置。...例如: 'secret' => env('JWT_SECRET') 我们可以在Github上找到关于这个软件包和所有配置设置的更多信息。...如果token无效,不存在或过期,则中间件将抛出一个可以捕获的异常。 在Laravel 5中,我们可以使用app/Exceptions/Handler.php文件捕获异常。...还有很多关于JWT的内容,例如如何处理安全细节,以及在token过期时刷新令牌,但上述示例应演示使用JSON Web Token的基本用法,更重要的是显示优势。

    30.6K10

    面试:第四章:项目介绍

    秒杀商品的库存都会放到redis缓存中,在客户下单时就减库存,我们设置库存库存闸值,用于某些商品数量非单件不可分割,减完库存会判断库存是否为大于库存闸值,如果小于,表示库存不足,刚才减去的数量再恢复,整个过程使用...订单表中设置了一个过期时间,每天会有定时任务来扫描订单表数据,如果到达预订的过期时间没有付款就会取消此订单交易。 对于顾客在购买商品的时候你们怎么处理你们的库存?...讲讲angularJS四大特征?...这里是区别于Jquery的,jq操作的是dom对象,angularJS操作的是变量 依赖注入 对象在创建时,其依赖的对象由框架来自动创建并注入进来。控制器就是通过依赖注入的方式实现对服务的调用。...就像你逛网页淘宝一样,在没有登录的时候,把东西放入购物车,它是不会和你的账号里的商品合并的,这个时候,商品就会以cookie的形式,放到你的浏览器里面。

    59561

    AngularJS实现cookie跨域

    一、场景描述 以Java为后台,AngluarJS做前端为例进行描述:当用户在界面登录时,需把用户信息(如uid)存入后台JAVA系统中,用于前后端所处主域可能不同,所有采用常规的session进行保存已不能满足其业务场景...采用cookie进行存储时,会出现跨域问题(即AngularJS访问JAVA端,需携带信息存入到JAVA服务端cookie中)。...二、AngularJS实例 AngularJS: function getAdustryController($scope,...信息方式 Google浏览器查看本机所有cookie信息:依次点击设置--高级选项--内容设置--cookies--选择“显示cookies和其他网站数据”按钮就可以看到了 firefox浏览器查看本机所有...cookie信息:依次点击设置--选项--隐私--移除单个Cookie 五、header信息: Access-Control-Allow-Origin: | * 授权的源控制 Access-Control-Max-Age

    99931

    WPF UNO 测试固定尺寸且水平和垂直对齐设置 Stretch 的元素在容器内的布局行为

    本文将告诉大家我对 WPF 的自定义布局容器和自定义控件进行的布局行为测试中的一个小点,即测试固定元素的尺寸的情况下或元素尺寸为有限尺寸的情况下,同步设置元素的水平和垂直对齐为 Stretch 来测试元素在容器内的布局行为...WPF 之上 UNO 框架里的元素行为和 WPF 原生布局行为是完全相同的,本文也作为 UNO 的元素布局测试记录内容 如下面代码,编写一个自定义的继承于 Panel 类型的自定义布局容器,重写布局容器设置其布局行为为将自身的尺寸传入给到里层控件...,设置了水平和垂直对齐为 Stretch 的元素会如何布局 给以上的这个自定义容器插入一个元素,设置元素给定尺寸且设置了水平和垂直对齐,如下面代码 var grid = new Grid...VerticalAlignment = VerticalAlignment.Stretch, } 为了更好的进行测试,我还给以上的 Grid 添加一圈的带背景的 Border 控件,用来测试在布局尺寸空间超过元素所需尺寸时的行为...,和测试在布局尺寸空间小于元素所需尺寸时的压缩元素裁剪行为 对 WPF 和跑在 WPF 框架之上的 UNO 框架的测试行为都符合下图 根据上图可以知道,当上层容器给定元素的可布局尺寸大于元素所需尺寸时,

    19310

    渗透测试XSS漏洞原理与验证(3)——Cookie安全

    Cookie机制Cookie机制:一般来说,同域内浏览器中发出的任何一个请求都会带上Cookie,无论请求什么资源,请求时,Cookie出现在请求头的Cookie字段中。...Cookie重要字段setcookie()函数用于设置cookie[name][valuel][expires][path][domain][secure][httponly]含义依次是:名称、值、过期时间...如果没设置过期时间,则是内存Cookie,这样的Cookie会随着浏览器关闭而从内存中消失;如果设置了过期时间,那么就是本地Cookie,这样的Cookie就会以文本形式保存在操作系统本地,待过期时间到了才会消失...然而,在实际应用中,也需要结合其他安全措施来保护Cookie的信息,比如使用HTTPS加密传输、设置HttpOnly标志来防止JavaScript访问Cookie、使用Secure标志来确保Cookie...我们强烈建议所有读者遵守当地法律与道德规范,在合法范围内探索信息技术。

    17410

    document.cookie与request.cookie

    我们从客户端通过document.cookie获取到当前cookie,作为参数传入后端,在后端设置res.cookie。则之后可在req中获取未过期的cookie。...当我们有一个请求时,就可以用res.cookie来将cookie暂时的保存在未关闭的会话中.用req.cookie来获取未过期的cookie....由此可见,req.cookie与document.cookie是同样的数据内容。但是他们获取与设置cookie值的方式完全不同。 req.cookie主要是用来获取cookie。...不能它来修改cookie,因为cookie内容是浏览器发起请求时发送给后台的。要设置cookie,需要用HttpResponse.set_cookie. [document]。...expires是绝对的过期时间,比如指定2017.11.30,当然不是这种格式,注意与max-age的区别。max-age是相对时间,比如是发起请求后的1分钟内。

    54620

    Cookie和Session区别及原理

    用户在提交第一次请求后,由服务器生成 Cookie,并将其封装到响应头中,以响应的形式发送给客户端。客户端接收到这个响应后,将 Cookie 保存到客户端。...,通过set设置过期时间 默认时间单位为秒,1800秒也就是30分钟 也可以通过配置文件server.servlet.session.timeout=60m设置过期时间为1小时 session获取属性信息...注意: Cookie过期时间依然为默认浏览器关闭,Session过期时间这里为默认30分钟 客户端接收并发送 Cookie 客户端接收到这个 Cookie 后会将其存放到浏览器的缓存中。...若某个Session 在指定的时间范围内一直未被访问,那么 Session 将超时,即将失效。 默认 Session 的超时时间为 30 分钟。...需要再次强调的是,这个时间并不是从 Session 被创建开始计时的生命周期时长,而是从最后一次被访问开始计时,在指定的时长内一直未被访问的时长。 也可通过代码提前使 Session 失效。

    9310

    Angular企业级开发(9)-前后端分离之后添加验证码

    因为前后端分离,系统登录使用的是Token,后台不再设置Session了。后台必须保证当前用户输入的验证码是用户开始请求页面时候的验证码,必须保证验证码的唯一性。...所以当用户输入用户名、密码和验证码的时候,浏览器自动把存有session信息的cookie发送到服务器,服务器基于Session可以判断当前这个验证码确实是A用户应该要输入的。...代码无法获取header头部额外字段,能获取的字段如下: 在stackoverflow上搜索一番,解决办法是后台需要设置允许前端浏览器能获取header头部里面的字段。...4.IE9下的bug 以为大功告成,然后在IE9浏览器上测试一下,发现无法加载到验证码,而且控制台报错误。...uid=1001cmss" > 参考文档 浅谈COOKIE和SESSION关系和区别等

    1.8K100

    服务端(.Net)如何操作Cookies?

    但是,有时候我们在服务端也需要对保存在客户端的Cookie进行操作,比如进行身份验证等。那么,基于.NET技术,在服务端我们如何操作Cookie呢?...可以由程序设置为一定的路径来进一步限制此cookie的作用范围。 (4)、Expires 属性,这个属性设置此Cookie 的过期日期和时间。...Cookie 在客户端都存在一个文件中,Cookie之间以”*”分割。...2、读取Cookie (1)、Request.Cookies 属性中包含了客户端发送到服务器的所有Cookie的集合,只有在请求URL的作用范围内的Cookie才会被浏览器连同Http请求一起发送到服务器...所以,浏览器在发送 Cookie 时并不提供此信息。如果您需要 Cookie 的过期日期,就必须重新设置。

    1.5K30

    Shiro实战(五) - 会话管理

    也会自动调用Shiro Session.stop方法进行销毁Shiro的会话 设置/获取/删除会话属性;在整个会话范围内都可以对这些属性进行操作 session.setAttribute("key"...Cookie维护会话,且会话默认是跟容器绑定的 在某些情况下可能需要使用自己的会话机制,此时我们可以使用DefaultWebSessionManager来维护会话 // 创建会话Cookie的模板...// 设置Cookie的路径,默认空,即存储在域名根下 #sessionIdCookie.path= // 设置Cookie的过期时间,秒为单位,默认-1表示关闭浏览器时过期Cookie sessionIdCookie.maxAge...,可以通过如下ini配置进行设置 sessionManager.deleteInvalidSessions=false 默认是开启的,在会话过期后会调用SessionDAO的delete方法删除会话:如会话时持久化存储的...如果是在获取会话时验证了会话已过期,将抛出InvalidSessionException;因此需要捕获这个异常并跳转到相应的页面告诉用户会话已过期,让其重新登录,可以在web.xml配置相应的错误页面

    2.5K41
    领券