JavaScript中用Cookie实现购物车需序列化商品数组（含id、name、price、count）并编码后存储，读取时解码解析；注意4KB限制、敏感字段规避、手动设过期及路径，推荐优先使用localStorage或服务端同步。
JavaScript中用Cookie实现购物车数据暂存，核心是把商品信息序列化后存入Cookie，读取时再反序列化。关键在于控制大小（单个Cookie ≤4KB）、避免敏感字段、手动处理过期和编码。
Cookie存商品数据的格式设计
不建议直接存复杂对象，推荐用数组形式扁平化存储，每个商品只保留必要字段：id、name、price、count。例如：
[{"id":"101","name":"iPhone","price":5999,"count":2},{"id":"205","name":"AirPods","price":1299,"count":1}]存前用 JSON.stringify() 转字符串；读取后用 JSON.parse() 还原。注意对特殊字符做 encodeURIComponent() 编码，防止逗号、分号等破坏Cookie结构。
写入购物车数据到Cookie
封装一个 setCart() 函数，指定过期时间（如7天），并设置路径为根路径确保全站可读：
Ai Coach Batch Session Summary
下载
批量分析录音转写，输出多维度拓客报告。触发词：录音分析、总结、音频总结、拜访记录总结。当用户提及「分析录音」「看看录音数据」「最近的录音」「通话记录」且意图为批量统计/分析时触发。仅出现「录音」或「拜访」时需结合上下文，若仅查看单条详情则不触发。
立即学习“Java免费学习笔记（深入）”；
- 拼接字符串：
cartData = encodeURIComponent(JSON.stringify(cartArray)) - 构造Cookie字符串：
document.cookie = "cart=" + cartData + "; expires=" + expireDate.toUTCString() + "; path=/" - 若需支持多域或HTTPS，可追加
; domain=.example.com; Secure
从Cookie读取并更新购物车
读取时先用 document.cookie 获取全部Cookie字符串，再按 cart=... 提取值，最后解码+解析：
- 提取cart部分：
const cartStr = document.cookie.split('; ').find(row => row.startsWith('cart='))?.split('=')[1] - 解码还原：
const cart = cartStr ? JSON.parse(decodeURIComponent(cartStr)) : [] - 添加商品时，先查重（按id），存在则更新count，否则push新项，再重新写入
注意事项和替代建议
Cookie有大小和请求数限制，频繁读写影响性能。实际项目中更推荐：
- 优先用 localStorage 存购物车（容量大、无网络传输开销）
- 服务端登录态下，同步到后端数据库更可靠
- 必须用Cookie时，避免存用户ID、手机号等敏感字段
- 每次更新都覆盖整个cart Cookie，不要尝试局部修改
不复杂但容易忽略编码和过期逻辑，写完记得在不同浏览器测试读写一致性。
