首页 > 其他分享> 文章详细

cookie，localStorage，sessionStorage区别

2022-09-08 11:35:02 阅读：269 来源： 互联网

标签：sessionStorage storage json cookie var localStorage

cookie，localStroage，sessionStroage

Cookie设计时用来和服务器通讯的，而不是本地存储，他只是被“借用”到了本地存储。

Cookie的缺点

存储大小，最大4kb
http请求时需要发送到服务端，增加请求数据量
只能用document.cookie = '...'来修改，太过简陋
每次http请求，header都携带cookie

localStorage，sessionStorage与cookie相比：

localStorage和sessionStorage

HTML5专门为存储而设计，最大可存5M
API简单易调用setItem，getItem
不会随着http请求被发送出去

localStroage，sessionStroage不同点：

localStroage数据会永远存储，除非代码或手动删除
sessionStorage数据只存在于当前会话，浏览器关闭则清空。
一般用loaclStorage会更多一些

localStorage，sessionStorage API有哪些？

localStroage只支持string类型的存储

var storage = window.localStorage;
	//写入a字段
	storage["a"] = 1;
	//写入b字段
	storage.a = 1;
	//写入c字段
	storage.setItem('c',3);
	//获取a
	storage.getItem('a');
	storage.a;
	storage["a"]
	console.log(typeof storage["a"]);    //string
	storage.clear();     //删除所有
	storage.removeItem("a");      //删除某个
	//使用key()方法，向其中出入索引即可获取对应的键
	for(var i = 0;i < storage.lengthl i++){
		var key = storage.key(i);
		console.log(key);
	}
	//将json存入localStorage中，使用json.stringIfy()这个方法，来将json转换为json字符串
	var data = {
		name:"lisi",
		sex:"man",
		hobby:'program'
	};
	var d = JSON.stringify(data)
	storage.setItem("data",d);
	//将json字符串转换称为json对象输出
	var json = storage.getItem("data");
	var jsonObj = JSON.parse(json);

参考资料：
https://blog.csdn.net/weixin_43638968/article/details/109280784

标签：sessionStorage,storage,json,cookie,var,localStorage
来源： https://www.cnblogs.com/HuangJiaZ/p/16668764.html

本站声明： 1. iCode9 技术分享网（下文简称本站）提供的所有内容，仅供技术学习、探讨和分享；
2. 关于本站的所有留言、评论、转载及引用，纯属内容发起人的个人观点，与本站观点和立场无关；
3. 关于本站的所有言论和文字，纯属内容发起人的个人观点，与本站观点和立场无关；
4. 本站文章均是网友提供，不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属；如您发现该文章侵犯了您的权益，可联系我们第一时间进行删除；
5. 本站为非盈利性的个人网站，所有内容不会用来进行牟利，也不会利用任何形式的广告来间接获益，纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。

ICode9