localstorage存储对象

之前在客户端存储数据一直用的是cookie,由于有大小等限制,随着html5时代的到来,现在大多数用的是localstorage存储数据:

例如:

localStorage.setItem("key","value");//存储变量名为key,值为value的变量
localStorage.key = "value"//存储变量名为key,值为value的变量

localStorage.getItem("key");//获取存储的变量key的值www.it165.net
localStorage.key;//获取存储的变量key的值
localStorage.removeItem("key")//删除变量名为key的存储变量

当我们需要存储对象时,方法如下:

var data= {"id":id,"name":name};//要存储的json对象
var selectCity=JSON.stringify(data);//将json对象转化成字符串
 localStorage.setItem("ffan_selectCity",selectCity);//把选择的数据存储在localstorage中

//取数据如下
var currentCity=localStorage.getItem("ffan_selectCity");
if(t.currentCity){
     var item=JSON.parse(t.currentCity);
     console.log("id="+item.id+",name="+item.name);
 }
时间: 2024-10-23 11:39:30

localstorage存储对象的相关文章

关于localstorage存储JSON对象的问题

如果你尝试用LocalStorage存储Object,却意外发现取出来以后不是你想要的,例如: 存储一个对象,并将对象的name属性的值给P标签. HTML: <p></p> JS: var fruit={ name:'apple', color:'red', taste:'sweet' } localStorage.myfruit=fruit; console.log(localStorage.myfruit); document.getElementsByTagName('p'

localStorage存储数组或者对象的问题总结

在做  保存选中的复选框记录(跳转到下个页面返回时希望原先选中的东西还在)时, 用到了localStorage存储数据. 由于复选框的内容有点多,就在localStorage中存入了对象(因为考虑到复选框有可能会多选,长度不一定,没有用二维数组). //首先先声明了存储复选框的对象checkarr var checkarr={}; //将数据存入checkarr中 function storeCheckarr(checkname){ //每列复选框都是一条数组:checkname:[] chec

使用sessionStorage、localStorage存储数组与对象(转)

http://my.oschina.net/crazymus/blog/371757 使用sessionStorage.localStorage存储数组与对象 发表于3个月前(2015-01-26 12:11)   阅读(708) | 评论(0) 5人收藏此文章, 我要收藏 赞0 慕课网,程序员升职加薪神器,点击免费学习 移动web 有时候,我们需要将数据存储到sessionStorage和localStorage中,这样做的好处有: 1 缓存数据 2 减少对内存的占用 但是,storage只能

操作HTML5存储对象

读取HTML5的localStorahe和sessionStorage的内容,并删除存储的内容. #!usr/bin/env python #-*- coding:utf-8 -*- #操作HTML5存储对象 from selenium import webdriver import unittest,time class Html5Storage(unittest.TestCase): def setUp(self): self.driver = webdriver.Chrome() def

AngularJS进阶(二十九)AngularJS项目开发技巧之localStorage存储

AngularJS项目开发技巧之localStorage存储 绪 项目开发完毕,测试阶段发现后台管理端二维码生成有问题,问题在于localStorage的存储.如下图左所示,二维码生成完毕包含信息如下图左所示,实际二维码信息如下图右所示: 经过测试发现二维码实际存储的是上一次的结果.好熟悉~Bingo,自己做导航栏高亮时就遇到过这个问题,当时就是使用的localStorage.问题还是出在localStorage身上.但是存储时:localStorage.setItem(key,value),如

redis存储对象与对象序列化详解

redis主要存储类型最常用的五种数据类型: String Hash List Set Sorted set redis存储对象序列化和反序列化 首先来了解一下为什么要实现序列化 为什么要实现序列化接口 当一个类实现了Serializable接口(该接口仅为标记接口,不包含任何方法定义),表示该类可以序列化.序列化的目的是将一个实现了Serializable接口的对象转换成一个字节序列,可以. 把该字节序列保存起来(例如:保存在一个文件里),以后可以随时将该字节序列恢复为原来的对象.甚至可以将该

Python:使用cPickle储存器存储对象

一个简单的例子,演示了怎么使用cPickle存储对象 #!/usr/bin/python #Filename:pickling.py import cPickle as p shoplistfile = 'shoplist.data' shoplist = ['apple', 'mango', 'carrot'] f = file(shoplistfile, 'w') p.dump(shoplist, f) f.close() del shoplist f = file(shoplistfile

cookie存储对象或数组

问题: 保存的cookie用firefox怎么刷新都刷不出来,而把cookie的值改为字符串或数字时正常,果断把数据源用json编码,然后存储,果然出来了. 解决方法: 在保存cookie值为对象或数组时,最好用json编码. cookie存储对象或数组

存储对象可以考虑:1,数组,2,集合

/* * 1,存储对象可以考虑:1,数组,2,集合 * 2,数组存储对象的特点: *   Student[]stu = new Student[20]; *   stu[0] = new Student(); *  不足:一旦创建,其长度不可变: *   真实的数组存放的对象的个数是不可知的. * 3,集合 *   Collection接口 *     List接口:存储有序的,可以重复的元素 *       ArrayList(主要的实现类,首选),LinkList(对于频繁的删除和插入操作)