web前端 -- js 存储数据

使用本地存储，A页面需要将变量值存储在本地，B页面去本地读取数据，就可以使用这个变量。 
当A页面与B页面之间没有直接的跳转关系时，使用url传参的方式，就不是很好用了。这种情况下，可以采用本地存储的方式。

1. cookie的使用在另一篇博客中有详细的介绍，附上链接：前端开发中的cookie使用总结。

2. localStorage 方法存储的数据没有时间限制。第二天、第二周或下一年之后，数据依然可用，除非用户手动删除，例如清除缓存数据。

    localStorage使用方式如下： 
    A页面：

// 写入数据
localStorage.setItem('uid','1000');  //将变量uid(值为1000)存储至本地

B页面：

扫描二维码关注公众号，回复： 10616665 查看本文章

// 读取数据
localStorage.getItem('uid');  //获取本地存储中uid的值(1000)

数据的删除：

//删除某个键值对
localStorage.removeItem('uid');
 
//清除localStorage的所有内容
localStorage.clear();

    3.sessionStorage 方法针对一个 session 进行数据存储。当用户关闭浏览器窗口后，数据会被删除。 

     sessionStorage用法与localStorage相同，只需将localStorage换为sessionStorage即可。例如：                                 sessionStorage.setItem(‘uid’,’1000’);

---

其他注意事项： 
1.localStorage只支持string类型的存储，所以当我们需要把JSON存入localStorage中时，需要使用JSON.stringify()，将JSON转换为JSON字符串。 
例如：

var data={
     username:'zzyn',
     uid:'100000'
};
var strData=JSON.stringify(data);
localStorage.setItem("data",strData); 

2.读取数据之后，要将JSON字符串转换为JSON对象，利用JSON.parse()方法。

var data = localStorage.getItem('data');
var dataObj = JSON.parse(data);

转载(https://blog.csdn.net/lzrit/article/details/82495328)