jquery设置session值实现账号未登录跳转至登录页面

jquery设置session值实现账号未登录跳转至登录页面

使用sessionStorage对象，它类似与localStorage对象，只是sessionStorage是用来储存session数据的。当用户关闭浏览器这个数据会被清除掉。

页面需要先引入 jQuerysession

下载jQuerySession

需要在页面引入jquery与jquerysession

<script src="./index_files/jquery-3.5.0.min.js" type="text/javascript" charset="utf-8">script>
<script src="./index_files/jquerysession.js" type="text/javascript" charset="utf-8">script>

login页面jquery

<script type="text/javascript">
	$("button").click(function(){
		
		var name = $("#name").val();
		var pas = $("#pasd").val();
			
		if(name != 'admin'){
			alert("账号输入错误！");
		}
		else if(pas != 'password'){
			alert("密码输入错误！");
		}else{
			//设置session值，$.session.set('key', 'value'); session中设置name的值为admin
			$.session.set('name', 'admin');
			window.location.href = "./list.html";
			}
		});
		  
</script>

list页面jquery

<script type="text/javascript">
	//获取session值，值不等于admin就跳转到login页面
    if($.session.get('name') != "admin") {
	          window.location.href = "./login.html";
	      }else{
			  ...
	  }; 
</script>