在localStorage中存储对象数组并读取的方法


Posted in Javascript onSeptember 24, 2016

频繁ajax请求导致页面响应变慢。于是考虑将数据存储在window.storage中,这样只请求一次ajax,而不需要频繁请求。

鉴于localstorage中只能存储字符串,所以我们要借助于JSON.stringify()和JSON.parse();

$.ajax({
type: "get",
async: "true",
url: "",
data: {},
dataType: "jsonp",
success: function(data){
if(data instanceof Array){
stroage.push(JSON.stringify(data[i])); //storage是外部定义的数组 storage = []
}
},
error: function(){
}
});

现在,我们将data存储在了storage中,当我们需要使用时:

fucntion getData(){
window.localStorage.job = JSON.stringify(storage); //将storage转变为字符串存储
var job = JSON.parse(window.localStorage.job);
for(var i = 0; i < job.length; i++){
job[i] = JSON.parse(job[i]);
}
//此时job中存储的就是对象数组了
}

本地存储外,除了localStorage,还有sessionStorage.

(1)localStorage和sessionStorage都是用来存储客户端临时信息的对象。

(2)localStorage和sessionStorage都只能存储字符串类型的对象

(3)localStorage生命周期是永久,除非用户手动清除localStorage信息,否则这些信息将永远存在。

(4)sessionStorage生命周期为当前窗口或标签页,一旦窗口或标签页被永久关闭了,那么通过sessionStorage中存储的数据也就被清空了。

(5)不同浏览器无法共享localStorage或sessionStorage中的信息。相同浏览器的不同页面间可以共享相同的localStorage(页面属于相同域名和端口),但是不同页面或标签页间无法共享sessionStorage的信息。

以上所述是小编给大家介绍的在localStorage中存储对象数组并读取的方法,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对三水点靠木网站的支持!

Javascript 相关文章推荐
在textarea中屏蔽js的某个function的javascript代码
Apr 20 Javascript
在服务端(Page.Write)调用自定义的JS方法详解
Aug 09 Javascript
如何用jQuery实现ASP.NET GridView折叠伸展效果
Sep 26 Javascript
AngularJS使用ng-app自动加载bootstrap框架问题分析
Jan 04 Javascript
JS异步加载的三种实现方式
Mar 16 Javascript
深入理解Angularjs中$http.post与$.post
May 19 Javascript
详解windows下vue-cli及webpack 构建网站(二)导入bootstrap样式
Jun 17 Javascript
javascript基本常用排序算法解析
Sep 27 Javascript
weebox弹出窗口不居中显示的解决方法
Nov 27 Javascript
解析Vue.js中的组件
Feb 02 Javascript
Vue+Express实现登录注销功能的实例代码
May 05 Javascript
Vue路由守卫及页面登录权限控制的设置方法(两种)
Mar 31 Javascript
基于JavaScript实现跳转提示页面
Sep 24 #Javascript
JavaScript实现DOM对象选择器
Sep 24 #Javascript
用瀑布流的方式在网页上插入图片的简单实现方法
Sep 23 #Javascript
浅谈Web页面向后台提交数据的方式和选择
Sep 23 #Javascript
Angular中使用ui router实现系统权限控制及开发遇到问题
Sep 23 #Javascript
打造自己的jQuery插件入门教程
Sep 23 #Javascript
jQuery.uploadify文件上传组件实例讲解
Sep 23 #Javascript
You might like
yii实现CheckBox复选框在同一行显示的方法
2014/12/03 PHP
Smarty缓存机制实例详解【三种缓存方式】
2019/07/20 PHP
10款非常有用的 Ajax 插件分享
2012/03/14 Javascript
JS判断表单输入是否为空(示例代码)
2013/12/23 Javascript
javascript中的事件代理初探
2014/03/08 Javascript
搭建pomelo 开发环境
2014/06/24 Javascript
JavaScript实现的GBK、UTF8字符串实际长度计算函数
2014/08/27 Javascript
JSON格式化输出
2014/11/10 Javascript
简单实现JS计算器功能
2016/12/21 Javascript
jquery easyui dataGrid动态改变排序字段名的方法
2017/03/02 Javascript
nodejs开发——express路由与中间件
2017/03/24 NodeJs
微信小程序实现打开内置地图功能【附源码下载】
2017/12/07 Javascript
解决vue的 v-for 循环中图片加载路径问题
2018/09/03 Javascript
使用vue 国际化i18n 实现多实现语言切换功能
2018/10/11 Javascript
15 分钟掌握vue-next响应式原理
2019/10/13 Javascript
[01:18:45]DOTA2-DPC中国联赛 正赛 DLG vs Dragon BO3 第三场2月1日
2021/03/11 DOTA
python对url格式解析的方法
2015/05/13 Python
Zabbix实现微信报警功能
2016/10/09 Python
Python+OpenCV实现车牌字符分割和识别
2018/03/31 Python
浅谈pandas中DataFrame关于显示值省略的解决方法
2018/04/08 Python
Python 判断文件或目录是否存在的实例代码
2018/07/19 Python
Python 中list ,set,dict的大规模查找效率对比详解
2019/10/11 Python
Python astype(np.float)函数使用方法解析
2020/06/08 Python
Python 转移文件至云对象存储的方法
2021/02/07 Python
Python中生成ndarray实例讲解
2021/02/22 Python
美国领先的家庭智能音响系统品牌:Sonos
2018/07/20 全球购物
XML文档定义有几种形式?它们之间有何本质区别?解析XML文档有哪几种方式?
2016/01/12 面试题
艺术设计专业个人求职信
2013/09/21 职场文书
应届大专毕业生个人自荐信
2013/09/22 职场文书
酒店执行总经理岗位职责
2013/12/15 职场文书
团队精神的演讲稿
2014/05/14 职场文书
小学生教师节演讲稿
2014/09/03 职场文书
献爱心大型公益活动策划方案
2014/09/15 职场文书
工作总结之小学教师体育工作范文(3篇)
2019/10/07 职场文书
Golang全局变量加锁的问题解决
2021/05/08 Golang
MySQL 原理与优化之Limit 查询优化
2022/08/14 MySQL