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

在开发中,只要用户登录过一次，再次打开应用程序，都会自动填充用户名和密码,那么怎么实现的，我们可以用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));

如：

   

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

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

 

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