访问页面时需要判断是否登录
我刚开始看到了vue 但是看了半天 什么vuex 什么vue-router
看了看好像跟html没什么关系 感觉都是在后台操纵的
然后就打算用最基础的方法
login.html
用户手动输入密码
ajax查询数据库判断并获取数据传到session
$('#btn').click(function() {
confirms();
});
function confirms() {
var pwd = $('#pwd').val();
$.ajax({
url: "connot.php?password="+pwd,
type: 'get',
success: function(data) {
var customerId = data; //将数据中用户信息的ID赋值给变量
sessionStorage.customerId = customerId;
window.location.href = index.html';//正确登录后页面跳转至
},
error: function() //如果接收不成功执行以下
{
console.log("链接错误")
}
});
}
index.html
获取session数据
判断是否有session
如果没有跳转到login.html页面
如果有什么事也不会发生
$(document).ready(function() {
var customerId = sessionStorage.customerId;
console.log(customerId);
if (customerId == undefined) {
window.location.href="login.html";
}
});