本地缓存localstorage使用

最近做项目遇到一个问题,即从“个人中心”点击进入“修改支付宝”,需要自动获取用户手机号怎么做?

修改支付宝的api不提供用户手机号数据,但是发现个人中心提供,于是想通过localstorage在个人中心页面获取到手机号然后保存在本地缓存,进入修改支付宝页面后再获取出来。

经简单查询用法和实验,代码如下:

var phoneNumber = data.data.memberInfo.mobile; //将后台数据保存在一个变量中

if( window.locastorage ){

localstorage.setItem( "key",phoneNumber );

}else {

cookie.write( "key",phoneNumber );

} //if else做localstorage的兼容 localstorage不支持IE67         //个人中心页面

var phoneNumber = window.localStorage? localStorage.getItem("myPhone"): Cookie.read("myPhone"); //获取Key值      //修改支付宝页面

搞定!

时间: 2024-10-05 20:41:41

本地缓存localstorage使用的相关文章

h5新增浏览器本地缓存localStorage

h5新增属性学习笔记(非原创) html5中的Web Storage包括了两种存储方式:sessionStorage和localStorage. sessionStorage用于本地存储一个会话(session)中的数据,这些数据只有在同一个会话中的页面才能访问并且当会话结束后数据也随之销毁. 因此sessionStorage不是一种持久化的本地存储,仅仅是会话级别的存储. 而localStorage用于持久化的本地存储,除非主动删除数据,否则数据是永远不会过期的. 一.web storage和

HTML5本地缓存localStorage和sessionStorage的操作方法收集

说明: Web Storage 包含如下两种机制: sessionStorage 为每一个给定的源(given origin)维持一个独立的存储区域,该存储区域在页面会话期间可用(即只要浏览器处于打开状态,包括页面重新加载和恢复). localStorage 同样的功能,但是在浏览器关闭,然后重新打开后数据仍然存在. 这两种机制是通过 Window.sessionStorage 和 Window.localStorage 属性使用(更确切的说,在支持的浏览器中 Window 对象实现了 Wind

HTML5离线存储和本地缓存

一.离线存储 有一个web应用有三个文件index.html,a.js,b.css,现在需要把js和css文件缓存起来 1.在index.html里加上<html manifest="test.manifest"> 2.manifest清单格式如下 CACHE MANIFEST #上面一句必须 #v1.0.0 #需要缓存的文件 CACHE: a.js b.css #不需要缓存的文件 NETWORK: * #无法访问页面 FALLBACK: 404.html 3.manife

HTML5权威指南--Web Storage,本地数据库,本地缓存API,Web Sockets API,Geolocation API(简要学习笔记二)

1.Web Storage HTML5除了Canvas元素之外,还有一个非常重要的功能那就是客户端本地保存数据的Web Storage功能. 以前都是用cookies保存用户名等简单信息. 但是cookie有下面几个问题: a:大小:cookies的大小被限制在4KB b:带宽:cookies随HTTP事务一起被发送,因此会浪费一部分发送的cookies时使用的带宽. c:复杂性:要正确的操纵cookies是很困难的. Web Storage分为两种: <1>sessionStorage 将数

模拟本地缓存,判断注册时用户名是否存在

//模拟本地存储 function User( username, password ) { this.username = username; this.password = password; } User.prototype.save = function() { //假设本地缓存里有user这个数据,如果没有就获得一个空数组 var data = localStorage.getItem('user') || '[]'; //将得到的data由字符串转换为对象 var user = JS

转:微信小程序之缓存,(本地缓存,同步缓存,异步缓存)

转自CSDN:https://blog.csdn.net/Jensen_Yao/article/details/79480717?utm_source=blogxgwz1 关于本地缓存1. wx.setStorage( wx.setStorageSync). wx.getStorage( wx.getStorageSync). wx.clearStorage( wx.clearStorageSync) 可以对本地缓存进行设置. 获取和清理. 本地缓存最大为10MB 2. localStorage

关于java中的本地缓存-总结概述

java中的本地缓存,工作后陆续用到,一直想写,一直无从下手,最近又涉及到这方面的问题了,梳理了一下.自己构造单例.guava.ehcache基本上涵盖了目前的大多数行为了.   为什么要有本地缓存? 在 系统中,有些数据,数据量小,但是访问十分频繁(例如国家标准行政区域数据),针对这种场景,需要将数据搞到应用的本地缓存中,以提升系统的访问效率,减 少无谓的数据库访问(数据库访问占用数据库连接,同时网络消耗比较大),但是有一点需要注意,就是缓存的占用空间以及缓存的失效策略. 为什么是本地缓存,而

内容和图片在从网络上获取到之后都会存入到本地缓存中

内容和图片在从网络上获取到之后都会存入到本地缓存中,因此即使手机在没有网络的情况下依然能够加载出以前浏览过的新闻.而使用的缓存技术不用多说,自然是DiskLruCache了,那么首先第一个问题,这些数据都被缓存在了手机的什么位置呢? 其实DiskLruCache并没有限制数据的缓存位置,可以自由地进行设定,但是通常情况下多数应用程序都会将缓存的位置选择为 /sdcard/Android/data/<application package>/cache 这个路径.选择在这个位置有两点好处:第一,

本地存储localStorage以及它的封装接口store.js的使用

本地存储localstorage localstorage 是 HTML5 提供的在客户端存储数据的新方法,主要作用是将数据保存在客户端中,并且数据是永久保存的,除非人为干预删除. localstorage作为本地存储来使用,解决了cookie存储空间不足的问题:cookie中每条cookie的存储空间为4k,但localStorage的存储空间有5M大小.另外,相比于cookie,localStorage可以节约带宽,在同一个域内,浏览器每次向服务器发送请求,http都会带着cookie,使c