浅析angular框架的cookie
相信接触过网页编程的基本上都知道cookie这个东西吧,一个毫不起眼,但是又十分的重要的东西,今天我们就来分析一下这个小东西,我们都知道客服端通过发送http请求到服务器请求我们的数据,当我们的服务器接收到这个响应之后,经过处理之后会给出相应的响应,也就是传送回来我们需要的数据。但是如果我们关闭了页面之后再一次打开发送相应的请求会有什么情况发生呢?是否会快一点?没错,那就是cookie的作用。
在举一个列子,比如A页面里面有你的id,姓名,密码等信息,然后你通过A页面跳转到B页面,为什么我们的B页面同样会出现我们的一些信息呢?当然这些信息我么是看不见的,但是这些信息又却是存在的,那也是我们的cookie的作用,在页面之间的跳转的时候,页面之间必须的信息就会存放在cookie之中,这个时候的cookie就像是一个中间件的作用,了解node-js的就知道,里面为我们提供了许多的中间件,这个省去不讲。当页面发生跳转的时候,即将跳转的页面就会自动获取cookie中的值,在这里我们回忆一下,主要的保存用户信息的小件有后台的session,还有很古老的input框,还有一个就是这里讲述的cookie了。
下面我将就angular里面cookie做一个简单的讲解,下面是一个完整的页面,当然我们的angular的js文件需要我们单独引入。
<!DOCTYPE html>
<html ng-app="cookiemod">---------------总的控制器作用
<head lang="en">
<meta charset="UTF-8">
<title></title>
<script src="js/angular1.2.3.js"></script>--------------------这个是使用angular必须使用的文件
<script src="js/angular-cookies.js"></script>--------------专门的cookie js文件,在这里还提供了很多的模块文件,需要的话可以去github进行下载。
<script >
var ckmod = angular.module('cookiemod',['ngCookies']);--------中括号里面就是我们需要依赖的模块,前面也是一样的进行代码的模块化 ckmod.controller('showCookie',['$scope','$cookieStore', function ($scope,$cookieStore) {
$scope.setCookieinfo= function () {
$cookieStore.put('name','lanveer');-----------》设置一个cookie值
} $scope.getCookieinfo= function () {
var favoriteCookie = $cookieStore.get('name');--------------》得到这个设置的cookie值
console.log(favoriteCookie);
} $scope.removeCookieinfo= function () {
$cookieStore.remove('name');----------------------》和之前的操作差不多,在这里是移除这个cookie值
}
}]); </script>
</head>
<body>
<div ng-controller="showCookie">
<button ng-click="setCookieinfo()">设置</button>
<button ng-click="getCookieinfo()">获得</button>
<button ng-click="removeCookieinfo()">删除</button> </div>
</body>
</html>
以上就是我们一个angular李卖弄简单cookie的应用,具体的功能在后面的学习中再进行总结。
浅析angular框架的cookie的更多相关文章
- Mosquitto pub/sub服务实现代码浅析-主体框架
Mosquitto 是一个IBM 开源pub/sub订阅发布协议 MQTT 的一个单机版实现(目前也只有单机版),MQTT主打轻便,比较适用于移动设备等上面,花费流量少,解析代价低.相对于XMPP等来 ...
- 初始angular框架(1)
作为一个从来没有使用过的angular框架的小白 第一步肯定是 看文档! 没错就是看文档了!
- Angular框架
Angular 框架 Angular介绍 库和框架的区别 jQuery:库 库一般都是封装了一些常用的方法 自己手动去调用这些方法,来完成我们的功能 code $('#txt').val('我是小明' ...
- 浅析Thinkphp框架中运用phprpc扩展模式
浅析Thinkphp框架中应用phprpc扩展模式 这次的项目舍弃了原来使用Axis2做web服务端的 方案,改用phprpc实现,其一是服务端的thinkphp已集成有该模式接口,其二是phprpc ...
- 第三百一十二节,Django框架,Cookie
第三百一十二节,Django框架,Cookie 注意:获取Cookie是在请求对象里处理,设置Cookie是在响应对象里处理 普通Cookieset_cookie()设置普通cookie 参数: ke ...
- Django框架 之 Cookie、Session整理补充
Django框架 之 Cookie.Session整理补充 浏览目录 Django实现的Cookie Django实现的Session 一.Django实现的Cookie 1.获取Cookie 1 2 ...
- Django框架 之 Cookie和Session初识
Django框架 之 Cookie和Session初识 浏览目录 Cookie介绍 Django中的Cookie Session 一.Cookie介绍 1.Cookie产生的意义 众所周知,HTTP协 ...
- css或Angular框架限制文本字数
提需求的来了 某一期产品迭代时,新增了一个小功能,即:在单元格中的文本内容,字符超过20个字的时候,需要截断,并显示20个字符+一个省略号,未超过,无视. 这需求看上去不怎么复杂,看起来可以用css做 ...
- Django框架07 /cookie和session
Django框架07 /cookie和session 目录 Django框架07 /cookie和session 1. django请求生命周期 2. cookie 3. session 4. 总结 ...
随机推荐
- 杂项(最小表示法):HZOI 2015 Glass Beads
[题目描述] 给定长度为n(n<=300000)的循环同构的字符串,定义最小表示为该字符串的字典序最小的同构表示,请输出这个表示. [输入格式] 第一行是串的长度,第二行是字符串. [输出格式] ...
- java生成随机整数
1. 使用Random类的nextInt方法: Random rand = new Random(); rand.nextInt(max);, 此时输出[0,max),注意右边是开区间,如果需要设定最 ...
- zoj 3757 Alice and Bob and Cue Sports 月赛A 模拟
题目链接:http://acm.zju.edu.cn/onlinejudge/showProblem.do?problemCode=3757 题意:根据所给的台球规则,按照每次的结果计算最终两人的得分 ...
- 让x86的android模拟器能模拟arm架构系统
网上介绍共计三种模拟器比较常用,分别是bluestacks.andy和Genymotion,前者支持ARM架构,中者支持远程控制,后者启动速度快,各有优缺点. 如果要用genymotion模拟arm的 ...
- socket programming Max size of tcp/ip socket Buffer?
TCP data is buffered at both sender and receiver. The size of the receiver's socket receive buffer d ...
- Centos6.4 cobbler安装要点
1,yum 安装cobbler rpm -ivh http://dl.fedoraproject.org/pub/epel/6/x86_64/epel-release-6-8.noarch.rpm y ...
- 2016 GDCPC 省赛总结
大神们说,要多写博客,多总结,于是很久之前就开了博客,可是一篇文章都没有写,太懒也是,没什么时间也是.现在省赛结束了,也是时候好好总结一下了. 本来一开始,三个人对拿铜牌是很有把握的,在比赛一开始A了 ...
- 【Android - 进阶】之图片三级缓存的原理及实现
在Android开发中,如果图片过多,而我们又没有对图片进行有效的缓存,就很容易导致OOM(Out Of Memory)错误.因此,图片的缓存是非常重要的,尤其是对图片非常多的应用.现在很多框架都做了 ...
- 理解 Linux 网络栈(1):Linux 网络协议栈简单总结 图
http://www.cnblogs.com/sammyliu/p/5225623.html
- CFS: 虚拟运行时间
http://edsionte.com/techblog/archives/4331 nice和prio的关系如下: #define NICE_TO_PRIO(nice) (MAX_RT_PRIO+n ...