使用localStrorage保存客户端数据
2017-06-29 21:38
351 查看
localStorage在HTML5规范中取代了globalStorage,与之不同的是,不能给localStorage指定任何访问规则,要访问同一个localStorage对象,页面必须来自同一个域名,使用同一种协议,在同一个端口。
存储数据:
获取数据:
删除某个数据
清空localStorage
还可以使用localStorage.length属性来获取当前localStorage的长度。
也可以通过属性方式来直接赋值或获取值
比如: localStorage.name = “allen”;
但这种方式有局限性,比如想设置length值为10,但是length属性属于localStorage,我们无法通过属性方式来直接设置,如之前所说,我们只能获取对象长度,而不能赋值,所以只能使用
还有一点不同是对于不存在的值得返回结果:
localStorage.notExist == undefined, 而 localStroage.getItem(“notExist”) == null
另外,localStorage存储形式以字符串形式存储,不论是数值类型还是布尔值还是对象,使用getItem方法来获取的时候返回的都是字符串,所以需要添加额外的处理函数,对于布尔值和对象可以使用JSON.stringify()和JSON.parse()来保存和获取,数值类型只需要简单的转化即可。
存储数据:
localStorage.setItem("key", "value")
获取数据:
localStorage.getItem("key")
删除某个数据
localStorage.removeItem("key")
清空localStorage
localStorage.clear()
还可以使用localStorage.length属性来获取当前localStorage的长度。
也可以通过属性方式来直接赋值或获取值
比如: localStorage.name = “allen”;
但这种方式有局限性,比如想设置length值为10,但是length属性属于localStorage,我们无法通过属性方式来直接设置,如之前所说,我们只能获取对象长度,而不能赋值,所以只能使用
localStorage.setItem("length", 10)
还有一点不同是对于不存在的值得返回结果:
localStorage.notExist == undefined, 而 localStroage.getItem(“notExist”) == null
另外,localStorage存储形式以字符串形式存储,不论是数值类型还是布尔值还是对象,使用getItem方法来获取的时候返回的都是字符串,所以需要添加额外的处理函数,对于布尔值和对象可以使用JSON.stringify()和JSON.parse()来保存和获取,数值类型只需要简单的转化即可。
相关文章推荐
- 使用userdata保存客户端数据(从51js找到的)
- cookies的简单使用 客户端保存临时数据和上传文件的就Query.uploadify(2.xx版本)的使用
- Node.js 使用http客户端向网站请求数据并保存
- 数字图像处理 CImage类的使用与封装(jpg png gif tif bmp等格式图像的加载、数据读写、保存等功能)
- Git使用http clone客户端保存用户名密码
- mybatis 处理数组类型及使用Json格式保存数据 JsonTypeHandler and ArrayTypeHandler
- 使用ASP.NET AJAX异步调用Web Service和页面中的类方法(7):服务器端和客户端数据类型的自动转换:泛型集合类型
- Parse教程三(利用Parse进行本地数据保存与使用)
- 安卓app客户端和使用php的服务器端数据交互
- android中使用SharedPreferences保存数据丢失的问题
- 使用OUTPUT保存更新记录前后数据
- python3使用scrapy爬取数据保存到mysql
- 问题解决——在结构体中使用set保存结构体数据
- 登陆界面的数据存储(没有显式使用其他保存媒介)
- zipkin使用mysql保存数据
- Android 使用SharedPreferences保存各种数据(List,Map,对象等)+ SpUtils工具
- OpenCV使用FileStorage保存Mat数据
- 使用SE16获取透明表数据保存成xls文件
- java 读取文件——按照行取出(使用BufferedReader和一次将数据保存到内存两种实现方式)
- 关于Nhibernate在wpf中的使用:Session.Save()无法保存数据到数据库中