ionic开发——利用localStorage存储用户名和密码

http://blog.csdn.net/yu17310133443/article/details/52511069

在开发中,只要用户登录过一次，再次打开应用程序，都会自动填充用户名和密码,那么怎么实现的，我们可以用localStorage来实现这个功能，代码如下：

 

一、了解localStorage

1.  存储：localStorage.setItem(key,value); 如果key存在时，更新value

2.  获取：localStorage.getItem(key);  如果key不存在返回null

3.  删除：localStorage.removeItem(key); 一旦删除，key对应的数据将会全部删除

4.  全部清除：localStorage.clear(); 某些时候使用removeItem逐个删除太麻烦，可以使用clear,执行的后果是会清除所有localStorage对象保存的数据

 

二、

1.找到登录的controller（如：login_controller）在执行登录按钮的方法上面添加

 

    获取localStorage的key和value。   如果key不存在返回null

    用户名=localStorage.getItem(localStorage.key(username));

    密码=localStorage.getItem(localStorage.key(password));

如：

   

[html]  view plain  copy

1. //循环遍历，取key值username和password的value  
2.    for(var i=localStorage.length - 1 ; i >=0; i--){  
3.       if(localStorage.key(i)=="username"){  
4.         $scope.username=localStorage.getItem(localStorage.key(i));  
5.       }  
6.      if(localStorage.key(i)=="password"){  
7.        $scope.password=localStorage.getItem(localStorage.key(i));  
8.      }  
9.    }  

2.在验证用户名和密码成功方法里（如：$scope.login = function(){}）添加

 

[html]  view plain  copy

1. //存储localStorage，key值：username，value：用户名  
2.     localStorage.setItem("username",$scope.username);  
3.    
4.  //存储localStorage，key值：password，value：密码  
5.     localStorage.setItem("password",$scope.password);