Cookie是一种存储在用户本地终端上的数据，用于记录用户的一些信息。在JavaWeb中，Cookie的使用包括Cookie与Session的区别、Cookie的实战操作如新建、删除、设置有效期，以及编码解码防止中文乱码问题。还有一些网站提供了关于Cookie的教程，如CSDN博客上的“深入理解Cookie和Session机制：从原理到实践”和“Cookie教程为你详解会话信息存储机制，从工作原理到设置方法，再到安全隐私保护，以及实践案例展示”。
本文目录导读：
随着互联网的发展，越来越多的网站开始使用Cookie来记录用户的登录状态、偏好设置等信息，对于许多开发者来说，如何正确地操作Cookie仍然是一个具有挑战性的问题，本文将详细介绍Cookie的基本概念、操作方法以及在实际项目中的应用，帮助开发者更好地掌握Cookie的使用技巧。
Cookie基本概念
Cookie(译为“小甜饼”)是一种存储在用户本地终端上的数据文件，由网站服务器创建，并通过HTTP头部信息发送给客户端浏览器，客户端浏览器会根据该头部信息来判断是否需要接受这个Cookie，当浏览器接收到这个Cookie时，它会将其存储在本地，并在之后的请求中将这个Cookie一同发送给服务器，这样，服务器就可以通过读取这个Cookie来获取用户的一些信息，从而实现诸如个性化设置、记住密码等功能。
Cookie操作方法
1、创建Cookie
在JavaScript中，可以使用以下代码创建一个Cookie:
document.cookie = "key=value; expires=date; path=path; domain=domain; secure";
各个参数的含义如下：
- key:Cookie的名称。
- value:Cookie的值。
- expires:Cookie的过期时间，可以设置为一个具体的日期或者一个相对于当前时间的字符串(如"7d"表示7天前)。
- path:Cookie适用的路径，可以设置为一个具体的路径(如"/")或者一个通配符(如"/; $Path")。
- domain:Cookie适用的域名，可以设置为一个具体的域名(如"example.com")或者一个通配符(如"example.com; $Domain")。
- secure:是否仅在HTTPS连接下发送Cookie,设置为true表示仅在安全连接下发送，设置为false表示可以在任何连接下发送。
2、读取Cookie
要读取一个Cookie,可以使用以下代码：
function getCookie(name) {
var cookieArr = document.cookie.split(";");
for (var i = 0; i < cookieArr.length; i++) {
var cookiePair = cookieArr[i].split("=");
if (name == cookiePair[0].trim()) {
return decodeURIComponent(cookiePair[1]);
}
}
return null;
}3、设置Cookie的过期时间
要设置一个Cookie的过期时间，可以将expires参数设置为一个具体的日期或者一个相对于当前时间的字符串，要将一个名为"username"的Cookie的过期时间设置为7天后，可以使用以下代码：
var date = new Date(); date.setTime(date.getTime() + (7 * 24 * 60 * 60 * 1000)); // 7天后的时间戳 document.cookie = "username=张三； expires=" + date.toUTCString(); // 将过期时间转换为UTC字符串格式
4、删除Cookie
要删除一个Cookie,可以将其过期时间设置为一个过去的时间，要删除一个名为"username"的Cookie,可以使用以下代码：
var date = new Date(); date.setTime(date.getTime() - (1 * 24 * 60 * 60 * 1000)); // 1天前的时间戳(假设一天后过期) document.cookie = "username=张三； expires=" + date.toUTCString(); // 将过期时间设置为1天前的时间戳(以UTC字符串格式)
1、在登录成功后创建并设置一个名为"user"的Cookie,用于存储用户信息。
if (/* 登录成功 */) {
var user = JSON.stringify({ /* 用户信息 */ });
var date = new Date();
date.setTime(date.getTime() + (3024 * 60 * 60 * 1000)); // Cookie有效期30天(单位毫秒)
document.cookie = "user=" + encodeURIComponent(user) + "; expires=" + date.toUTCString(); // 将用户信息编码后存储到Cookie中，并设置过期时间为30天后的时间戳(以UTC字符串格式)
} else {
console.log("登录失败");
}2、在用户退出登录时删除"user" Cookie。
if (/* 用户退出登录 */) {
document.cookie = "user=; expires=Thu, 01 Jan 1970 00:00:00 UTC; path=/; domain=example.com"; // 将"user" Cookie的过期时间设置为1970年1月1日，即删除该Cookie，注意这里的path和domain需要与实际项目的配置相匹配。
} else {
console.log("退出登录失败");
}3、在前端页面中读取"user" Cookie以获取用户信息。
function getUserInfo() {
var user = getCookie("user"); // 从Cookie中读取用户信息(已编码)并解码还原为原始数据结构(如JSON对象)
if (user) { // 如果找到了对应的Cookie,则返回用户信息；否则返回null或默认值，return JSON.parse(user); // 将解码后的JSON字符串转换为JavaScript对象并返回，如果解析失败，可以捕获异常并返回null或默认值，如果不需要返回用户信息，可以直接返回null或undefined，return null; // 不返回任何用户信息，如果需要返回默认值，可以先检查user是否存在再进行后续操作，if (typeof user !== "undefined") return JSON.parse(user); else return null; // 如果没有找到对应的Cookie,则返回null，注意这里的处理逻辑需要根据实际项目需求进行调整。
