Angular操作cookies方法
来源:互联网 发布:隋鸿锦 知乎 编辑:程序博客网 时间:2024/06/09 03:39
var setCookie = function(name, value) { var Days = 30; var exp = new Date(); exp.setTime(exp.getTime() + Days * 24 * 60 * 60 * 1000); document.cookie = name + "=" + escape(value) + ";expires=" + exp.toGMTString(); //$cookies[name] = value; };
这是用Javascript写的方法去设置
var getCookie = function(name) { var arr, reg = new RegExp("(^| )" + name + "=([^;]*)(;|$)"); if (arr = document.cookie.match(reg)) return unescape(arr[2]); else return null; }
这是用Javascript写的方法去读取
其实angular也有相应的方法去操作cookies的,加载这两个module的依赖文件
<script src="http://code.angularjs.org/1.2.9/angular.min.js"></script><script src="http://code.angularjs.org/1.2.9/angular-cookies.min.js"></script>
源码是这样的
function(a, b, c) { "use strict"; b.module("ngCookies", ["ng"]).factory("$cookies", ["$rootScope", "$browser", function(a, d) { function e() { var a, e, f, i; for (a in h) k(g[a]) && d.cookies(a, c); for (a in g) e = g[a], b.isString(e) ? e !== h[a] && (d.cookies(a, e), i = !0) : b.isDefined(h[a]) ? g[a] = h[a] : delete g[a]; if (i) { i = !1, f = d.cookies(); for (a in g) g[a] !== f[a] && (k(f[a]) ? delete g[a] : g[a] = f[a], i = !0) } } var f, g = {}, h = {}, i = !1, j = b.copy, k = b.isUndefined; return d.addPollFn(function() { var b = d.cookies(); f != b && (f = b, j(b, h), j(b, g), i && a.$apply()) })(), i = !0, a.$watch(e), g } ]).factory("$cookieStore", ["$cookies", function(a) { return { get: function(c) { var d = a[c]; return d ? b.fromJson(d) : d }, put: function(c, d) { a[c] = b.toJson(d) }, remove: function(b) { delete a[b] } } } ]) }(window, window.angular)
$cookies[name] = value;
这个是angular设置cookies方法
$cookieStore
提供一个被session cookies支持的键值对(字符串-对象)存储。被存入和取出的对象将自动通过angular的toJson/fromJson进行序列化/反序列化。
$cookies
提供浏览器cookies的读/写访问操作。
这两个都要引入ngCookies模块才能使用,这个模块在1.4版本之后就有了
从源码中得知$cookieStore返回了三个方法get put remove 他们分别用toJson/fromJson进行序列化/反序列化
简单的写了几个例子来测试下
<!DOCTYPE html><html ng-app="AutumnsWindsApp" ng-controller="aswController"> <head> <meta charset="UTF-8"> <title></title> </head> <script src="http://code.angularjs.org/1.2.9/angular.min.js"></script> <script src="http://code.angularjs.org/1.2.9/angular-cookies.min.js"></script> <body> {{title}} </body> <script> var AutumnsWindsApp = angular.module('AutumnsWindsApp', ['ngCookies']); AutumnsWindsApp.controller('aswController', function($cookies, $cookieStore, $scope) { $cookies.name = 'autumnswind'; $scope.title = "Hello, i'm autumnswind :)"; $cookieStore.put("skill", "##"); //删除cookies $cookieStore.remove("name"); //设置过期日期 var time = new Date().getTime() + 5000; $cookieStore.put("cookie", "Hello wsscat", { expires: new Date(new Date().getTime() + 5000) }); $cookieStore.put("objCookie", { value: "wsscat cat cat", age: "3", }, { expires: new Date(new Date().getTime() + 5000) }); console.log($cookies); console.log($cookies['objCookie']); }) </script></html>
其实平时我们这样就可以把自己需要的cookies设置进去 $cookies.name = 'autumnswind';
但是当我们要设置一个有效时间的时候我们就用这样的方法把它设置进去
var time = new Date().getTime() + 5000; $cookieStore.put("cookie", "Hello wsscat", { expires: new Date(new Date().getTime() + 5000) });
我们还可以进行删除等操作 $cookieStore.remove("name");
2 0
- Angular操作cookies方法
- angular-cookies 【ipCookie】操作
- JS操作cookies方法!
- js 操作cookies 方法
- JS操作cookies方法
- JS操作cookies方法
- js操作cookies方法!
- JS操作cookies方法
- C#操作Cookies的方法
- C#操作Cookies的方法
- Cookies操作
- Cookies操作
- angular 操作
- angular中cookies的简单使用
- Angular 方法
- Javascript 操作Cookies
- 部分script cookies 操作
- Javascript 操作Cookies
- 设计模式之二工厂方法模式
- iOS HmacSHA256加密算法
- 等待处理链接
- 我喜欢的第三方框架备忘录,新项目选择使用
- jQuery笔记
- Angular操作cookies方法
- 数据库乱码问题
- JavaScript中清空数组的三种方式
- 悲观锁和乐观锁
- delphi博客
- 模板方法模式
- 知道这20个JavaScript正则表达式,能让你少写1,000行代码
- 《Linux驱动》iTop4412开发板LCD驱动 详细分析 (三)
- (4.1.27.6)JNI/NDK开发指南(三)——从字符串处理了解JNI的函数机制