cookie

最新推荐文章于 2020-04-25 18:20:29 发布

苏先生前端

最新推荐文章于 2020-04-25 18:20:29 发布

阅读量205

点赞数

分类专栏：网络

本文链接：https://blog.csdn.net/qq_40819861/article/details/102366128

版权

网络专栏收录该内容

4 篇文章 0 订阅

订阅专栏

跟踪用户的几种方式

1、标记用户身份的http请求首部

form：记录email

user-agen：记录浏览器

referer：记录上一次链接位置

2、客户端ip地址

但是由于ip地址的多变性只可以定位到机器而不是用户

3、用户登陆验证针对性

4、胖url

字段过长shengming 、造成服务器负担生命周期有限

5、cookie

什么是cookie？

Cookie是由服务器端生成，发送给User-Agent（一般是浏览器），（服务器告诉浏览器设置一下cookie），浏览器会将Cookie以key/value保存到某个目录下的文本文件内，下次请求同一网站时就发送该Cookie给服务器（前提是浏览器设置为启用cookie）。

Cookie就是一个小型本地文件（浏览器对cookie的内存大小是有限制的-------用来记录一些信息）可以删除可以添加

cookie注意点如下

Cookie 在本地可以被更改文件敏感的数据不要放在cookie里

cookie拥有大小数量限制一般大小为4k

设置相同名字的cookie覆盖但是设置了不同的path值则不会覆盖

但是我们得学会简单操作cookie （大概流程如下）

(var oDate = new Date())

1.document.cookie='key=value;expires='+oDate;(精确时间)

2.new Date(); setDate getDate

3,封装函数增查删

4，cookie的使用通过document.cookie 设置cookie

格式：名字=值不会覆盖过期时间：expires=时间/max-age=秒日期对象的使用封装函数读取cookie 字符串分割删除cookie 已经过期

函数封装如下:

<script>
        var oData = new Date();
        //设置cookie函数
        var magCookie = {
            setCookie: function(name, value, time) {
                document.cookie = name + '=' + value + ';Max-Age=' + time;
                return this;
                //实现链式调用返回该对象
            },
            removeCookie: function(name) {
                this.setCookie(name, '', -1);
                return this;


            },
            getCookie: function(name, callback) {
                console.log(document.cookie)
                var cookiearr = document.cookie.split('; ');
                //特别注意cookie的剪切要注意空格处理
                console.log(cookiearr);
                for (var i = 0; i < cookiearr.length; i++) {
                    var newarr = cookiearr[i].split('=');
                    if (name == newarr[0]) {
                        callback(newarr[1]);
                        return this;
                    }
                }
                callback(undefined);
                return this;
            }
        }
        magCookie.setCookie('color', 'red', 100000000)
            .setCookie('colo', 'yellow', 100000000)
            .setCookie('age', 19, 1000)
            .getCookie('age', function(data) {
                console.log(data + 99);
            })
            .getCookie('color', function(data) {
                console.log(data + 99);
            })
            .getCookie('colo', function(data) {
                console.log(data + 99);
            })
            .getCookie('col', function(data) {
                console.log(data + '99');
            })
    </script>