JS实现登录页面跳转后保存用户信息

本地存储信息

打算写一个带有注册登录页面的练习时，发现页面跳转html页面之后无法传递用户信息，百度了一下，发现JS有个window.sessionStorage方法可以实现本地存储信息

// 设置方法
sessionStorage.setItem(key,value);
// 获得数据方法
console.log(sessionStorage.getItem(key));
// 删除数据方法
sessionStorage.removeItem(key);
// 清空数据方法
sessionStorage.clear();

window.sessionStorage的生命周期为页面存在，刷新也会存在，当页面跳转时也会存在，但当打开在新的页面打开链接时会被释放，所以不建议使用window.sessionStorage，建议使用window.localStorage

window.localStorage

生命周期永久存在，关闭页面在打开也会存在，使用方法与window.sessionStorage相同他

页面的链接跳转

JS提供了window.location对象可以动态跳转页面

window.location.href='login2.html';

注册登录页面逻辑：输入用户名后点击登录，发送ajax请求查询用户名是否存在，如果不存在提示用户名不存在，如果存在则将用户名用window.localStorage存储在本地信息中并且用window.location跳转链接