bug解决 本地存储: todolist.html:1 Uncaught SyntaxError: Unexpected token u in JSON at position 0

bug图如下:

bug解决 本地存储: todolist.html:1 Uncaught SyntaxError: Unexpected token u in JSON at position 0

在代码中涉及到了,本地存储数据的获取和存储,即:在关闭页面,关闭浏览器后数据依然存在,localstorage.getItem()获取得到本地数据,localstorage.setItem()设置本地数据存储。

当遇到想要存储数据为数组对象时,首先要明确本地数据存储类型为字符串类型,将数组对象转换为字符串,JSON.stringify(data)。

当遇到想要从本地存储数据中获取数组对象的时候,要先将字符串转换为数组对象,JSON.parse(data)。

如下图所示:

bug解决 本地存储: todolist.html:1 Uncaught SyntaxError: Unexpected token u in JSON at position 0bug解决 本地存储: todolist.html:1 Uncaught SyntaxError: Unexpected token u in JSON at position 0

后来经过搜索,发现代码没有问题,问题出现在之前的本地存储中存储进了不合法的字符,所以导致在读取,存储数据的时候,导致无法识别。

解决方法:在保证代码没有错误的情况下,找到Application,clear All 之后刷新页面,问题就迎刃而解了 !!!!!

 

 

 

上一篇:vuex实现todoList实例


下一篇:java中使用反射将javaBean转为map