本地存储

最新推荐文章于 2024-09-15 16:46:41 发布

原创最新推荐文章于 2024-09-15 16:46:41 发布 · 117 阅读

CC 4.0 BY-SA版权

博客介绍了Cookie和Session的相关知识。Cookie位于用户计算机，可维护信息，能在浏览器保存文本、阻止、删除、禁用或编辑，但不宜存隐私数据，还给出存储和读取代码。同时介绍了Session的保存、获取、删除数据的操作，并提及探讨二者区别。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<script type="text/javascript">
	let data = {"id":"1","name":"王二","age":"20"}; //对象
	let is_data = JSON.stringify(data);//转换成字符串，因为localStorage只能存储string
	localStorage.setItem('is_datas', is_data);//存储设置
	let my_data = localStorage.getItem('is_datas');//获取
	let item=JSON.parse(my_data);//转换成对象，因为my_data数据类型是string
	console.log(item)
</script>

cookie
位于用户的计算机上，用来维护用户计算机中的信息，直到用户删除。比如我们在网页上登录某个软件时输入用户名及密码时如果保存为cookie，则每次我们访问的时候就不需要登录网站了。我们可以在浏览器上保存任何文本，而且我们还可以随时随地的去阻止它或者删除。我们同样也可以禁用或者编辑cookie，但是有一点需要注意不要使用cookie来存储一些隐私数据，以防隐私泄露
存储：document.cookie=“username=John Doe”;
读取：var x = document.cookie;

session
// 保存数据到sessionStorage
sessionStorage.setItem(‘key’, ‘value’);

// 从sessionStorage获取数据
var data = sessionStorage.getItem(‘key’);

// 从sessionStorage删除保存的数据
sessionStorage.removeItem(‘key’);

// 从sessionStorage删除所有保存的数据
sessionStorage.clear();

cookie和session的区别
在这里插入图片描述