当前位置 : 主页 > 网络编程 > 其它编程 >

localStorage.getItem得到的是[objectObject]的解决方案

来源:互联网 收集:自由互联 发布时间:2023-07-02
设计背景:购物车要实现本地存储,避免刷新页面数据丢失实现方案:1,本地储存,进入页面获取本地数据,在进行数据操作2,每操作一次数据就将数据传给后台进行保存,(操作数据
设计背景:购物车要实现本地存储,避免刷新页面数据丢失实现方案:1,本地储存,进入页面获取本地数据,在进行数据操作2,每操作一次数据就将数据传给后台进行保存,(操作数据多,用户量大对

设计背景: 购物车要实现本地存储,避免刷新页面数据丢失

实现方案: 1,本地储存,进入页面获取本地数据,在进行数据操作

      2,每操作一次数据就将数据传给后台进行保存,(操作数据多,用户量大对服务器造成压力较大)

选择方案2

localStorage.setItem 只能存储字符串,

所以在储存的时候先将对象转换为字符串 

localStorage.setItem("localKey", JSON.stringify(this.cartGroup))

然后再将字符串转换为对象

方法1: JSON.parse(localStorage.getItem("localKey")方法2: eval("("+localStorage.getItem("localKey")+")")

 

网友评论