json字符串
json格式的字符串
“abc123truelkgsjhgo” 普通字符串
“
” html格式字符串
键值对格式 键和值都需要用双引号去包括
‘“name”:“yasuo”’
在网络传输时使用。 比如前后端交互。
不能够传输对象和数组的。
只能通过字符串形式去传输数据。
所以说我们如果要传输对象和数组，我们需要将其转换为字符串。
json格式就是满足对象和数组数据结构的一种字符串
数组：
1.存储数组不是对象。
‘[1,2,3,4]’
2.存储数组为对象
‘[{“name”:“亚索”,“age”:“28”,“skill”:“狂风绝息斩”},{“name”:“劫”,“age”:20,“skill”:“瞬狱影杀阵”}]’
数字和布尔值可以不用带双引号
对象在转json字符串时，函数会被自动过滤掉。
parse() 这个方法会新创建一个对象或数组
localstorage h5新增的 IE8以下不兼容 5MB
sessionstorage 5M
cookie 4KB
服务器：
数据库
优点：
容量比cookie要大
局限：
有兼容性问题
不会被爬虫获取
本质上是对字符串的读取操作，比较频繁，存储的内容比较多，会导致页面卡顿。
localstorage|sessionstorage
localstorage与sessionstorage的基本操作大致相同，这里只写一个，另一个参考这些就可以
使用：
1.先考虑兼容性问题
3.读取
2.3例子
6.清除全部
storage.clear();
7.获取所有的键值
【注】 获取所有值(获取值时有两种方法变量1.变量.getItem(“键”)、变量[“键”],不能使用变量.键的方式，因为在获取键的时候，返回的就是一个字符串形式"键")
【注意】 localstorage只能存储字符串,如果将对象或者数组放入，取出来时是string类的数据。
如果要存储对象或数组，则先将对象或者数组转为json的字符串，然后再存储，需要时，取出并将其转为对象或数组使用、。
存储事件：永久存储的
获取所有键或值
获取所有键或所有值(获取值时有两种方法变量.getItem(“键”)、变量[“键”],不能使用变量.键的方式，因为在获取键的时候，返回的就是一个字符串形式"键")
cookie
cookie:
用来存储浏览器端的本地数据
特点：
1.按照域名来存储的
不同的域名下的cookie数据不共通。
2.有存储的路径
127.0.0.1:8080/a/b.html cookie /a/b /
127.0.0.1:8080/b/b.html cookie /b/b
3.cookie 存储的数据格式
“键1=值1;键2=值2”
4.存储大小
4KB 50条左右
5.时效性：
默认是会话级别
我们可以手动设置cookie的过期时间
6.操作权限
前端可以操作
后端可以操作
7.发送请求时，cookie中的数据会被自动传输到后端
8.cookie只能在域名环境下才可以使用
使用方法：
增 （写入）
document.cookie = “键=值”;
增加时一次只能增加一条
查（读取）
document.cookie
一次时获取cookie中的所有内容
改
同一域名下
document.cookie = “键=新值”;
删
没有删除方法，有过期时间
如果要删除，则将该数据的有效期设置为过期即可。
有效期设置：
document.cookie = “键=值;expires=”+日期;
服务器的时间以格林威治事件为准的
封装 写入键值对
【注】此验证需要这样操作：封装完函数后，调用。打开网页上观察验证，需要先返回代码编辑的地方，将用函数代码注释或删除，在返回感觉网页，等到时间过期之后再刷新页面，时间过期的键值对就会消失，删除掉了
封装 获取键或值
获取指定键的值
版权声明：
本文来源网络，所有图片文章版权属于原作者，如有侵权，联系删除。
本文网址：https://www.mushiming.com/mjsbk/12433.html