相信接触过网页编程的基本上都知道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的更多相关文章

  1. Mosquitto pub/sub服务实现代码浅析-主体框架

    Mosquitto 是一个IBM 开源pub/sub订阅发布协议 MQTT 的一个单机版实现(目前也只有单机版),MQTT主打轻便,比较适用于移动设备等上面,花费流量少,解析代价低.相对于XMPP等来 ...

  2. 初始angular框架（1）

    作为一个从来没有使用过的angular框架的小白  第一步肯定是 看文档!  没错就是看文档了!

  3. Angular框架

    Angular 框架 Angular介绍 库和框架的区别 jQuery:库 库一般都是封装了一些常用的方法 自己手动去调用这些方法,来完成我们的功能 code $('#txt').val('我是小明' ...

  4. 浅析Thinkphp框架中运用phprpc扩展模式

    浅析Thinkphp框架中应用phprpc扩展模式 这次的项目舍弃了原来使用Axis2做web服务端的 方案,改用phprpc实现,其一是服务端的thinkphp已集成有该模式接口,其二是phprpc ...

  5. 第三百一十二节，Django框架，Cookie

    第三百一十二节,Django框架,Cookie 注意:获取Cookie是在请求对象里处理,设置Cookie是在响应对象里处理 普通Cookieset_cookie()设置普通cookie 参数: ke ...

  6. Django框架 之 Cookie、Session整理补充

    Django框架 之 Cookie.Session整理补充 浏览目录 Django实现的Cookie Django实现的Session 一.Django实现的Cookie 1.获取Cookie 1 2 ...

  7. Django框架 之 Cookie和Session初识

    Django框架 之 Cookie和Session初识 浏览目录 Cookie介绍 Django中的Cookie Session 一.Cookie介绍 1.Cookie产生的意义 众所周知,HTTP协 ...

  8. css或Angular框架限制文本字数

    提需求的来了 某一期产品迭代时,新增了一个小功能,即:在单元格中的文本内容,字符超过20个字的时候,需要截断,并显示20个字符+一个省略号,未超过,无视. 这需求看上去不怎么复杂,看起来可以用css做 ...

  9. Django框架07 /cookie和session

    Django框架07 /cookie和session 目录 Django框架07 /cookie和session 1. django请求生命周期 2. cookie 3. session 4. 总结 ...

随机推荐

  1. Android网络框架Volley(实战篇)

      之前讲了ym—— Android网络框架Volley(体验篇),大家应该了解了volley的使用,接下来我们要看看如何把volley使用到实战项目里面,我们先考虑下一些问题: 从上一篇来看 mQu ...

  2. xml中1字节的UTF-8序列的字节1无效（[字符编码]Invalid byte 1 of 1-byte UTF-8 sequence终极解决方案）

    今天在eclipse中编写pom.xml文件时,注释中的中文被eclipse识别到错误:Invalid byte 1 of 1-byte UTF-8 sequence,曾多次遇到该问题,问题的根源是: ...

  3. （转载）在vmware中简单配置vsftpd服务器

    (转载)http://blog.chinaunix.net/uid-7453676-id-2625582.html 分类: LINUX 一 试验的前期环境搭建   系统环境:Fedora 2   软件 ...

  4. unity3d Human skin real time rendering 真实模拟人皮实时渲染

    先放出结果图片...由于网上下的模型是拼的,所以眼皮,脸颊,嘴唇看起来像存在裂痕,解决方式是加入曲面细分和置换贴图 进行一定隆起,但是博主试了一下fragment shader的曲面细分,虽然细分成功 ...

  5. MacOS下的生活——RescueTime，时间规划利器

    前段时间Yxj同学给我推荐了一款可以记录电脑及手机使用时间分类的软件,据说Mac平台下也支持,当时就有了兴趣,但是好像因为什么事给耽搁了,知道今天下午看到Yxj在看这个软件记录的自己的时间表,才觉得这 ...

  6. udev:renamed network interface eth0 to eth1

    删除/etc/udev/rules.d/70-persistent-net.rules这个文件,重启

  7. 《A First Course in Probability》-chaper5-连续型随机变量-随机变量函数的期望

    在关于离散型随机变量函数的期望的讨论中,我们很容易就得到了如下的等式: 那么推广到连续型随机变量,是否也存在类似的规律呢? 即对于连续型随机变量函数的期望,有: 这里给出一个局部的证明过程,完整的证明 ...

  8. Java内部类的一些总结

    作为刚入门Java的小白,这两天看到内部类,这里做一个总结,若有错误,欢迎指正~ 内部类是指在一个外部类的内部再定义一个类.类名不需要和文件夹相同. 内部类分为: 成员内部类.局部内部类.静态嵌套类. ...

  9. Properties/Property文件读取（键值均）乱码问题！

    方法一:使用native2ascii进行转码,这个不做说明,客户不可能帮你转码的. 方法二:当键是因为时直接getProperty即可,但加载后的propertis对象里的键也是中文乱码,就无法通过g ...

  10. 洛谷 P1004 方格取数

    题目描述 设有N*N的方格图(N<=9),我们将其中的某些方格中填入正整数,而其他的方格中则放 人数字0.如下图所示(见样例): A 0 0 0 0 0 0 0 0 0 0 13 0 0 6 0 ...