怎么将php 读取localstoragee读取出来

在localStorage中存储对象数组并读取的方法
作者:YvetteLau
字体:[ ] 类型:转载 时间:
频繁ajax请求导致页面响应变慢,所以考虑将数据存储在window.storage中,这样只需请求一次ajax,接下来通过本文给大家介绍了在localStorage中存储对象数组并读取的方法,需要的朋友可以参考下
频繁ajax请求导致页面响应变慢。于是考虑将数据存储在window.storage中,这样只请求一次ajax,而不需要频繁请求。
鉴于localstorage中只能存储字符串,所以我们要借助于JSON.stringify()和JSON.parse();
type: "get",
async: "true",
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. 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中存储对象数组并读取的方法,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对脚本之家网站的支持!
您可能感兴趣的文章:
大家感兴趣的内容
12345678910
最近更新的内容
常用在线小工具<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
您的访问请求被拒绝 403 Forbidden - ITeye技术社区
您的访问请求被拒绝
亲爱的会员,您的IP地址所在网段被ITeye拒绝服务,这可能是以下两种情况导致:
一、您所在的网段内有网络爬虫大量抓取ITeye网页,为保证其他人流畅的访问ITeye,该网段被ITeye拒绝
二、您通过某个代理服务器访问ITeye网站,该代理服务器被网络爬虫利用,大量抓取ITeye网页
请您点击按钮解除封锁&提供主流cms教程
提供数据库教程和设计
提供各种常见网页js代码
提供常用的JS特效代码及在线演示
提供jQuery插件教程及插件下载
提供服务器常见问题及教程
提供站长技术、站长资讯等内容
提供常用开发手册和开发工具
您现在的位置:& >
HTML5本地存储Localstorage
导读:我们是做移动项目的,所以这里真实适合使用的技术是localstorage,localstorage可以说是对cookie的优化,使用它可以方便在客户端存储数据,...
我们是做移动项目的,所以这里真实适合使用的技术是localstorage,localstorage可以说是对cookie的优化,使用它可以方便在客户端存储数据,并且不会随着HTTP传输,但也不是没有问题:
① localstorage大小限制在500万字符左右,各个浏览器不一致
② localstorage在隐私模式下不可读取
③ localstorage本质是在读写文件,数据多的话会比较卡(firefox会一次性将数据导入内存,想想就觉得吓人啊)
④ localstorage不能被爬虫爬取,不要用它完全取代URL传参
瑕不掩瑜,以上问题皆可避免,所以我们的关注点应该放在如何使用localstorage上,并且是如何正确使用。
localstorage存储对象分为两种:
① sessionStrage: session即会话的意思,在这里的session是指用户浏览某个网站时,从进入网站到关闭网站这个时间段,session对象的有效期就只有这么长。
② localStorage: 将数据保存在客户端硬件设备上,不管它是什么,意思就是下次打开计算机时候数据还在。
两者区别就是一个作为临时保存,一个长期保存。
这里来一段简单的代码说明其基本使用:
&div&id=&msg&&style=&margin:&10px&0;&border:&1px&solid&&padding:&10&width:&300&
&&height:&100&&&
&input&type=&text&&id=&text&&/&&
&select&id=&type&&&
&&&option&value=&session&&sessionStorage&/option&&
&&&option&value=&local&&localStorage&/option&&
&/select&&
&button&onclick=&save();&&&
&&保存数据&/button&&
&button&onclick=&load();&&&
&&读取数据&/button&&
&script&type=&text/javascript&&&
&&var&msg&=&document.getElementById(&#39;msg&#39;),&
&&&&&&&&&&&&text&=&document.getElementById(&#39;text&#39;),&
&&&&&&&&&&&&type&=&document.getElementById(&#39;type&#39;);&
&&function&save()&{&
&&&&var&str&=&text.&
&&&&var&t&=&type.&
&&&&if&(t&==&&#39;session&#39;)&{&
&&&&&&sessionStorage.setItem(&#39;msg&#39;,&str);&
&&&&}&else&{&
&&&&&&localStorage.setItem(&#39;msg&#39;,&str);&
&&function&load()&{&
&&&&var&t&=&type.&
&&&&if&(t&==&&#39;session&#39;)&{&
&&&&&&msg.innerHTML&=&sessionStorage.getItem(&#39;msg&#39;);&
&&&&}&else&{&
&&&&&&msg.innerHTML&=&localStorage.getItem(&#39;msg&#39;);&
&/script&&
转载请注明(B5教程网)原文链接:
网友评论:

我要回帖

更多关于 后台读取localstorage 的文章

 

随机推荐