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

2026-04-02 14:580阅读0评论SEO基础
  • 内容介绍
  • 文章标签
  • 相关推荐

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

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

设计购物车背景:购物车需实现本地存储,避免刷新页面数据丢失。方案:1. 本地存储,页面获取本地数据,操作数据后,每次操作即上传数据至后台保存。(操作数据)

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

 

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

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

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

设计购物车背景:购物车需实现本地存储,避免刷新页面数据丢失。方案:1. 本地存储,页面获取本地数据,操作数据后,每次操作即上传数据至后台保存。(操作数据)

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

 

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