cookie与session(略谈)
cookie
(储存在用户本地终端上的数据)
"_octo=GH1.1.969433396.1497770397; _ga=GA1.2.1764394916.1497770397; _gat=1; tz=Asia%2FShanghai"
cookie存在于浏览器当中的
服务器返回的响应头里面的信息:cookie的格式,键值对
Set-Cookie:PHPSESSID=ot684bvd4n6mlpmsg2pbsubb14; expires=Mon, 19-Jun-2017 07:24:17 GMT; path=/
cookie 是存在于客户端浏览器的,是可以设置的,也可以获取的 document.cookie = ""; document.cookie
同域名下面的cookie是共享的 studyit.com/login studyit.com/index
根目录下面的cookie信息,是可以被所有的子目录访问的,但是子目录的cookie信息,是不能被父级访问到的
类似 于作用域
不同域名之间的cookie信息不能互相访问,不共享
cookie是可以设置过期时间的,默认的生命周期就是页面关闭的时候
<script>
document.cookie="name=zhangsan;age=20;";//虽然用分号隔开了,但是内容不能全部获取到
document.cookie="name=zhangsan;";
document.cookie="age=20;";
//这样写是不会将前面的给覆盖掉,但是大小是有限制的,大约在4k
//因为浏览器每次发送请求的时候都会默认携带cookie,如果cookie的数据太大了会影响传输速度和访问效率
console.log(document.cookie);
// 因为cookie就是一个字符串,设置的时候,没有问题,但是获取里面的某相cookie值的时候,非常的不方便,因此可以使用 jquery.cookie这个插件来完成
</script>
- Session
Session是存在服务器端的,相当于有一个session存区,每当浏览器发送请求的时候,如果不是第一次请求的话,都会携带之前的cookie信息到服务器端,这个时候,就可以和session存储区的sessionid进行匹配,如果匹配成功,则证明是已经登录的用户,如果没有,则证明没有登录过,或是没有访问
Session也是有过期时间的,默认是20分钟。这个20分钟是一个滑动时间
- 利用cookie实现登陆
因为只能请求过服务器之后,才会由服务器给浏览器发送一条session字符串,存储到浏览器的cookie当中
第二次请求的时候,浏览器就会携带着存储到cookie中的信息一并发送给服务器
服务器接受请求,并获得cookie中的信息,然后和session存储区的数据进行匹配,如果匹配成功,则证明之前已经登陆过
则可以进行后续的跳转,否则跳转到登陆页面
php方式测试cookie
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>
<p>使用PHP的方式测试...</p>
</body>
</html>
<script>
var xhr = new XMLHttpRequest();
xhr.open('get','setCookie.php');
xhr.send();
</script>
setCookie.php:
<?php
header("Content-type:text/html;charset=utf-8");
// echo '请求成功了';
setcookie('gender','mmmm');
// cookie也是可以在服务器端进行设置的,是可以跟随响应报文,返回到浏览器端,存储在浏览器的cookie当中
// 当再次再来访问的时候,会获取到带来的cookie信息,和服务器的session存储区内的信息进行匹配,如果匹配成功则可以进行其它的访问操作
// var_dump($_COOKIE); // $_COOKIE可以接收发送过来的所有的cookie信息
echo json_encode($_COOKIE); // json_encode 是将 $_COOKIE中的内容转换成对象形式的字符串
?>
session与cookie 小结:
- Cookie:
- cookie是存在于浏览器端的
- 每次浏览器发送请求都会携带cookie信息,如果是第一次请求一般是没有cookie
- cookie是可以同域名下面的页面共享的,不同域名下面的cookie不共享
- 父级目录下面的cookie,子级目录是可以获取到的,但是子级下面的cookie,父级获取不到
- cookie是有过期时间的,一般默认时间是页面关闭,时间是可以自己设置的
- cookie的格式是一个字符串,是一个键值对形式
- cookie是有大小限制的,一般是4k,如果数据太大的话,会影响传递速度或是效率
- Document.cockie可以用来设置或是获取cookie信息
- Session:
- session存储于服务器端,依赖于cookie
- 服务器端相当于有一个session存储区
- session没有大小限制
使用jQuery.cookie.js这个插件来设置cookie
首先这个插件是依赖于jQuery的,因此使用的时候一定要先引入jQuery文件,然后再使用插件
$.cookie("name","zhangsan");
$.cookie(),这个方法获取的是一个对象,因此存取cookie就变的非常方便
<title>Title</title>
<script src="views/public/assets/jquery/jquery.js"></script>
<script src="views/public/assets/jquery-cookie/jquery.cookie.js"></script>
<script>
// $.cookie('name','lisi');
// console.log($.cookie());
// console.log($.cookie('sex')); //使用这种方式来获取cookie的值就方便多了
$.cookie('name','zhangsan',{path:'/',expires:new Date('2017-06-20 18:00:00')});
</script>
</head>
<body>
<p>这是使用jquery.cookie.js在设置cookie了...</p>
</body>