如何解决localStorage.getItem返回[object Object]的问题?

2026-06-11 11:242阅读0评论SEO问题
  • 内容介绍
  • 文章标签
  • 相关推荐

本文共计361个文字,预计阅读时间需要2分钟。

如何解决localStorage.getItem返回[object Object]的问题?

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

1.本地存储

2.页面获取本地数据

3.数据操作后,每次操作将数据传给后台保存(操作数据)

如何解决localStorage.getItem返回[object Object]的问题?

设计背景:购物车要实现本地存储,避免刷新页面数据丢失实现方案: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")+")")

 

标签:ob

本文共计361个文字,预计阅读时间需要2分钟。

如何解决localStorage.getItem返回[object Object]的问题?

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

1.本地存储

2.页面获取本地数据

3.数据操作后,每次操作将数据传给后台保存(操作数据)

如何解决localStorage.getItem返回[object Object]的问题?

设计背景:购物车要实现本地存储,避免刷新页面数据丢失实现方案: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")+")")

 

标签:ob