四者的异同
特性 | Session | Cookie | localStorage | sessionStorage |
---|---|---|---|---|
数据的生命期 | 在一定时间内保存在服务器上。当访问增多,会比较占用你服务器的性能,考虑到减轻服务器性能方面,应当使用cookie。 | 一般由服务器生成,可设置失效时间,关闭浏览器后,cookie数据仍然存在,直到过期时间结束才消失。如果在浏览器端生成Cookie,默认是关闭浏览器后失效 | 除非被清除,否则永久保存 | 仅在当前会话下有效,关闭页面或浏览器后被清除 |
存放数据大小 | 大小没有限制 | 4K左右 | 一般为5MB | |
与服务器端通信 | 由服务器端创建,比cookie安全, Session完全依赖于Cookie,所以cookie的缺点同样是session的缺点 | 每次都会携带在HTTP头中,如果使用cookie保存过多数据会带来性能问题 | 仅在客户端(即浏览器)中保存,不参与和服务器的通信 |
localStorage和sessionStorage操作
localStorage和sessionStorage都具有相同的操作方法,例如setItem、getItem和removeItem等
localStorage和sessionStorage的方法
setItem存储value
用途:将value存储到key字段
sessionStorage.setItem("key", "value");
localStorage.setItem("site", "baidu");
getItem获取value
用途:获取指定key本地存储的值
var value = sessionStorage.getItem("key");
var site = localStorage.getItem("site");
removeItem删除key
用途:删除指定key本地存储的值
sessionStorage.removeItem("key");
localStorage.removeItem("site");
clear清除所有的key/value
用途:清除所有的key/value
sessionStorage.clear();
localStorage.clear();
其他操作方法:点操作和[ ]
web Storage不但可以用自身的setItem,getItem等方便存取,也可以像普通对象一样用点(.)操作符,及[]的方式进行数据存储,像如下的代码:
var storage = window.localStorage;
storage.key1 = "hello";
storage["key2"] = "world";
console.log(storage.key1);
console.log(storage["key2"]);
php中Session和Cookie的使用
session
sesstion_start(); // 首先开启session
1>创建和更新
$_SESSION['user'] = 'username'; // 添加session 把username存在里面
2>删除session
// 删除session值,但保留数据类型 $_session['session键值'] = array(); // 删除cookie中的session_id $session_id = session_name(); setCookie($session_id,"",time()-1); // 释放当前在内存中已经创建的所有$_SESSION变量,但不删除session文件以及不释放对应的session_id session_unset(); // 删除当前用户对应的session文件以及释放session_id,但内存中的$_SESSION变量内容依然保留 session_destroy();
3>获取session
echo $_SESSION['user']; // 直接输出 username
cookie
1>创建和更新
setCookie($cookieName,$value,time()+秒数); 实例:setcookie("UserName","cnblogs",time()+2*7*24*3600);
2>删除Cookie
setcookie($cookieName,value,time()-秒数); //或者 setcookie($cookiename, ''); //或者 setcookie($cookiename, NULL); 实例:setcookie("UserName","cnblogs",time()-3600);
3>获取cookie
$_COOKIE['UserName'];