html5本地存储localStorage 存储json对象存储格式问题
2017-07-25 22:28
696 查看
html5本地存储localStorage 存储json对象存储格式问题
localStorage.setItem(att)会自动将att存储成字符串形式,如:
但值得注意的是,localStorage.setItem()却不会自动将Json对象转成字符串形式,如:
用localStorage.setItem()正确存储json对象方法是:存储前先用JSON.stringify()方法将json对象转换成字符串形式,如:
后续要操作该json对象,自然得将之前存储的json字符串先转成json对象再进行操作,如:
操作完,存储信息前,记得再转换下格式:obj=JSON.stringify(obj);
另外:localStorage.getItem(att),若att未定义该语句会返回null值,而不是undefined
localStorage.setItem(att)会自动将att存储成字符串形式,如:
var arr = [1,2,3]; localStorage.setItem("temp", arr); typeof localStorage.getItem("temp"); // "string" localStorage.getItem("temp"); //"1,2,3"
但值得注意的是,localStorage.setItem()却不会自动将Json对象转成字符串形式,如:
var obj = {"a": 1,"b": 2}; localStorage.setItem("temp2", obj); typeof localStorage.getItem("temp2"); // "string" localStorage.getItem("temp2"); // "[object Object]"
用localStorage.setItem()正确存储json对象方法是:存储前先用JSON.stringify()方法将json对象转换成字符串形式,如:
var obj = {"a": 1,"b": 2}; obj = JSON.stringify(obj); localStorage.setItem("temp2", obj); typeof localStorage.getItem("temp2"); // "string" localStorage.getItem("temp2"); // "{"a":1,"b":2}"
后续要操作该json对象,自然得将之前存储的json字符串先转成json对象再进行操作,如:
obj = JSON.parse(localStorage.getItem("temp2")); //Object {a: 1, b: 2}
操作完,存储信息前,记得再转换下格式:obj=JSON.stringify(obj);
另外:localStorage.getItem(att),若att未定义该语句会返回null值,而不是undefined
相关文章推荐
- html5本地存储localStorage 存储json对象存储格式问题
- LocalStorage存储JSON对象的问题
- HTML5 LocalStorage 本地存储JSON数据
- LocalStorage存储JSON对象的问题
- LocalStorage存储JSON对象的问题 localStorage - 没有时间限制的数据存储
- Js 操作浏览器本地存储对象:HTML5 localstorage
- LocalStorage存储JSON对象的问题
- JavaScript 实践HTML5 localStorage 本地存储Json等数据 助于移动设备和web前端开发
- HTML5 LocalStorage 本地存储JSON数据
- HTML5 LocalStorage 本地存储JSON数据
- html5本地存储—JSON对象的使用:
- 本地存储json对象问题
- 1:HTML 中 onclick 触发函数 xxx(param) 要传递对象参数的解决方法 2:LocalStorage存储JSON对象的问题 3:ajax请求传送参数为对象问题
- JSON.parse()和JSON.stringify(),HTML5本地存储localStorage、sessionStorage基本用法
- LocalStorage存储JSON对象的问题
- LocalStorage存储JSON对象的问题
- HTML5 LocalStorage 本地存储JSON数据
- HTML5之本地存储对象Web Storage和storage事件监听无效问题
- [HTML] 使用HTML5的本地存储localStorage
- HTML5 本地存储 LocalStorage