…cookie 是客户端与服务器端进行通讯使用的一个能够在浏览器本地化存储的技术,PS:chrome不支持本地文件的cookie读写
cookie的基本设置及获取
- document.cookie = “name = value”
每次只能设置一条cookie
- 获取:document.cookie
- 一次性获取到所有的cookie,是一串字符串
- 获取时得到所有cookie,多个cookie之间用分号+空格("; ")来隔开
cookie的组成
- 设置(存储)
document.cookie = “cname=cval[; expires=日期对象的字符串]”
- expires 设置期限
默认情况下8,为临时存储
d.toUTCString() 具体日期(toUTCString()将时间d转为字符串)- path 设置cookie的存储路径
默认路径为当前文件所在的文件夹
/ 根目录
例:document.cookie = “car=aodi; expires=”+d.toUTCString()+"; path=/";
- 获取:document.cookie
从当前文件夹往上找到根目录的所有cookie
JSON字符串’{“name”:“lemon”,“price”:98.88}’;
1.格式
- 属性名和字符串必须使用双引号
- 不能有注释
- 不能存在多余逗号
2.属性值必须为以下类型
- String 字符串(在双引号中)
- Number 数字(整数或浮点数)
- Boolean 布尔值(true或false)
- Object 对象(在花括号中)
- Array 数组(在方括号中)
- Null
3.转换
- 对象/数组 -> json字符串:JSON.stringify(数组||对象)
- json字符串 -> 对象/数组:JSON.parse(text)
- text:json字符串
- 空字符串不能通过JSON.parse()转成对象,会报错:Unexpected end of JSON input(该内 容不是json字符串)
保存购物车信息:
思路历程:一个个存储商品信息,这样子就不清楚那几条描述的是同一个商品==>用对象存储同一个商品的信息==>用数组存储多个商品信息==> document.cookie只能存储字符串==>数组转成json字符串进行存储