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
}
- 1
.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();//用于清除本地缓存,不要轻易清除本地缓存,清除了就没了,就需要重新获取
本地缓存也可以在这里看到如图: