html cookie与LocalStorage
来源:互联网 发布:java中的泛型怎么用 编辑:程序博客网 时间:2024/06/14 04:04
html cookie与LocalStorage
- cookie的设置和读取
- js操作
- java后台设置
- LocalStorage存储数据
1.1 js 操作cookie
设置cookie
cookie 是以键值对的形式保存数据在浏览器上,js使用document.cookie设置, 一次只能设置一个键值对document.cookie = "name=admin;max-age=" + 60;
这句话保存了key为name, value为admin的数据,有效时间为60秒。
- 读取cookie
document.cookie
可以查看全部的cookie
要读取保存的单个cookie还需要进行处理:
将全部cookie字符串分割成数组,再查找key,然后截取value
//分割符是 分号加空格
var cookies = document.cookie.split("; ");
var key = "name=";
var value = null;
for (let i = 0; i < cookies.length; i++) {
if (cookies[i].indexOf(key) > 0) {
//这里的value 为 admin
value = cookies[i].substring(key.length, cookies[i].length);
}
} 删除cookie
将cookie的时间重新设置为负数即可浏览器查看cookie
这里使用google浏览器查看网站信息
打开开发者工具
1.2 java操作cookie
设置cookie
使用javax.servlet.http.Cookie对象
Cookie cookie = new Cookie("name", "admin");
//设置只能服务器读取
cookie.setHttpOnly(true);
//以秒为单位
cookie.setMaxAge(60);
cookie.setPath("/");
httpServletResponse.addCookie(cookie);- 设置为HttpOnly是为了防止js读取cookie的值
读取cookie
Cookie[] reqCookie = httpServletRequest.getCookies();
for(Cookie c : reqCookie) {
System.out.println(c.getName() + ":" + c.getValue());
}- 服务器通过request对象获取cookie数组
2. LocalStorage存取数据
添加、读取数据
查看数据
删除、清除
removeItem只删除对应的key,
clear则清除所有- 有效期
只要不清除数据,理论上一直有效,可以写js方法这是有效期
阅读全文
0 0
- html cookie与LocalStorage
- Cookie, LocalStorage 与 SessionStorage
- Cookie, LocalStorage 与 SessionStorage
- Cookie, LocalStorage 与 SessionStorage
- Cookie, LocalStorage 与 SessionStorage
- Cookie,LocalStorage与SessionStorage
- cookie,sessionstorage与localstorage
- JavaScript操作cookie与localStorage
- 详说 Cookie, LocalStorage 与 SessionStorage
- 详说 Cookie, LocalStorage 与 SessionStorage
- Cookie, LocalStorage 与 SessionStorage 区别要点
- cookie与HTML5的localStorage和sessionStorage
- 本地储存localStorage与cookie的区别
- 详说 Cookie, LocalStorage 与 SessionStorage
- 细说cookie,localstorage与sessionstorage的区别
- Cookie, LocalStorage 与 SessionStorage的区别
- cookie 与html5 中的localstorage 与sessionstorage的异同
- cookie, sessionStorage and localStorage 之间的区别 与定义; 应用;
- 数据结构实验之查找七:线性之哈希表
- 在eclipse中maven项目添加本地jar
- java多态注意事项(陷进)
- 千里之行
- 百度地图api怎么判断点是否在当前视野范围内
- html cookie与LocalStorage
- webService(cxf--rs_spring的整合)
- myfirstmarkdown
- 简谈中国IT风投现状
- 找不到stdafx.h头文件
- 2017 年最受欢迎的 10个编程挑战网站
- linux下maven安装
- JAVA设计模式
- 从零开始学android编程之表格布局管理器(2-2)