mui 通过本地存储实现自动登录

设置本地存储命令:plus.storage.setItem(存储名,存储参数);

读取本地存储命令:plus.storage.getltem(存储名);

删除本地存储命令:plus.storage.removeItem(存储名);

代码示例:

引导页js代码

var user_id = plus.stordge.getltem('user_id'); //读取user_id的值
if(user_id == null){    //判断是否为空,如果为空,则打开登录页面,否则打开主页面
    mui.openWidow({
        url:login.html,
        id:login
  });
}else{
    mui.openWidow({
        url:main.html,
        id:main
  });
}

登录页js代码

document.getElementById("loginBtn").addEventListener('tap', function(){   
    var mask=mui.createMask();//遮罩层
    mui.ajax(
        url,
        {data:{username:$id('username').value,password:$id('password').value}},
        dateType:'json',//服务器返回json格式数据
        type:'post',    //HTTP请求类型
        timeout:10000,  //设置超时时间为10秒
        beforeSend: function() {
		plus.nativeUI.showWaiting('正在登录', '');//打开加载对话框
		mask.show();//显示遮罩层
	},
	complete: function() {
		plus.nativeUI.closeWaiting();//关闭加载对话框
		mask.close();//关闭遮罩层
	},
	success:function(data){
	    console.log(data.msg)//服务器返回响应,根据响应结果,分析是否登录成功;
	    if(data.msg == "0"){
		mui.toast('账号密码错误!');
	    }
	    if(data.msg == "1"){
		mui.toast('用户被锁定,登录被驳回!');
	    }
	    if(data.msg == "2"){
                plus.storage.setItem('user_id',data.user_id);//设置本地存储
	    mui.openWindow({
		url: main.html,
		id: 'main'
	    });
	}
	},
	error:function(xhr,type,errorThrown){
		//异常处理;
		console.log(type);
	}
    });
});


你可能感兴趣的:(mui)