angularJS中localstorage，利用localstorage来实现其他页面获取本地缓存

下面是我的项目部分目录

下面是代码
这是loginPage_service.js页面的代码，用于向后台请求用户数据

angular.module('loginPage.service',[])
.factory('loginPageService',function(configService,$http){return{login : function(phone, callback){var url = configService.getHostUrl() + '/loginPage/login.do?callback=JSON_CALLBACK'$http.jsonp(url,{method:'get',params:{'phone':phone},headers : {'Content-Type': 'application/x-www-form-urlencoded'},}).success(function(data){var obj = JSON.stringify(data);localStorage.setItem("userMessage",obj);callback(data);}) }}
})

下面是home_controller.js页面的代码，获取本地缓存中的数据

//获取localStorage中的数据//var users = localStorage['userMessage'];var users = localStorage.userMessage;var userobj = JSON.parse(users);$scope.userobj = userobj;$scope.user={userId : userobj.user.id}

.success(function(data){
var obj = JSON.stringify(data); //这句话是为了将json数据转换成字符串
localStorage.setItem(“userMessage”,obj);
callback(data);
})
localStorage.setItem(“key”,“value”);//以“key”为名称存储一个值“value”
userMessage就是key，obj就是值

2
var users = localStorage.userMessage;
var userobj = JSON.parse(users);//这里要将字符串转化为json对象
3
清除本地缓存
localStorage.clear();//用于清除本地缓存，不要轻易清除本地缓存，清除了就没了，就需要重新获取

本地缓存也可以在这里看到如图：

angularJS中localstorage，利用localstorage来实现其他页面获取本地缓存相关推荐

html中如何写系统时间,在HTML页面获取当前系统时间
function getCurDate() { var d = new Date(); var week; switch (d.getDay()){ case 1: week="星期一&qu ...
根据id删除localstorage数据_原生js利用localstorage实现简易TODO list应用
前言:小生不才,只懂得一些皮毛,我努力以最简单的语言将心中的想法表述出来,让更多人能够很轻松的弄明白.文章里面有不足之处望各位大牛指出,使得后面的文章能够朝着更好的方向发展.另外,大家记得点赞哟! 欢 ...
js事件里面套事件怎么不管用_原生js利用localstorage实现简易TODO list应用
前言:小生不才,只懂得一些皮毛,我努力以最简单的语言将心中的想法表述出来,让更多人能够很轻松的弄明白.文章里面有不足之处望各位大牛指出,使得后面的文章能够朝着更好的方向发展.另外,大家记得点赞哟! 欢 ...
php缓存数据到本地缓存,本地缓存localStorage的使用方法
本篇文章的使用方法来自于实际开发,详细介绍AppCan手机框架本地缓存localStorage的使用方法. 在手机应用中,存储本地数据是必不可少的功能,例如我们可以在手机中存储用户自定义设置.传递数据 ...
localStorage 真正的本地缓存
window.localStorage: 体积5M,据说未来还会增大生命周期,只要不清都在设置:localStorage.setItem( ' key ' , ' value ' ) 获取:loc ...
php使用easy ui combobox级联,Easy UI中combobox利用拼音进行筛选
关于网上找的easyUI中combobox通过拼音进行筛选下拉框内容的问题,写的太过专业,作为技术小白的我反正没看懂,自己写了一个小例子,下次遇到给自己提个醒. Easy UI中combobox利用拼 ...
利用localStorage本地储存js文件
利用localStorage存储js文件,只有在第一次访问该页面的时候加载js文件,以后在访问的时候加载本地localStorage执行封装lsFile类有url.filename(key前缀).l ...
原生js方法购物车完整实现利用localStorage
利用localStorage实现 html页面3个分别是 productList 产品列表 details产品详情页 cartList购物车页面 1.productList.html 页面<st ...
javascript中sessionStorage 、localStorage 和 Cookie
javascript中sessionStorage .localStorage 和 Cookie 欢迎访问我的博客,祝码农同胞们早日走上人生巅峰,迎娶白富美~~~ 参考文章:JS 详解 Cookie. ...

angularJS中localstorage，利用localstorage来实现其他页面获取本地缓存

angularJS中localstorage，利用localstorage来实现其他页面获取本地缓存

angularJS中localstorage，利用localstorage来实现其他页面获取本地缓存相关推荐

最新文章

热门文章