js 实现登录成功首页显示用户名和退出登录

需求说明

网站开发过程中，最常见的就是用户的登录和退出

在用户登录成功的时候，首页要显示用户名，把用户名存储在浏览器中

在点击退出的时候，要消除用户名，把用户名存储信息删除

应用的技术

jquery的localStorage技术+模块的隐藏和显示

填写用户登录信息，点击登录触发js事件

登录成功的话，就会把用户名和密码永久存储

//用户登录
function ulogin(){//获取用户名和密码,登录成功以后，把用户名存储在session里面，然后显示在首页里面var username=$("#uusername").val();var password=$("#password").val();$.ajax({method : 'post',url : "http://localhost:8080/LawerSys/user_l.action",dataType : "text",data : {username : username,password : password},success : function(ret) {//提示注册成功if(ret=="success"){//关闭模态框$("#close_lo").click(); //把用户名密码存储在session里面，首页显示用户名称localStorage.setItem("username",username);  load_data();}else{alert("用户名或者密码输入错误，请重新输入");$("#password").val('');}},})
}

在首页刚加载的时候，就开始判断，如果浏览器里面有存储信息的话，就显示用户名，不然的话，先显示游客状态

没有登录的时候

有用户名的时候

html代码

  <body onload="load_data()">

js代码

//页面刚加载的时候，开始判断，如果有用户名，就显示在页面上，如果没有用户名的话，就显示登录名称
function load_data(){var theme=localStorage.getItem("username");if(theme==null||theme==""){$("#cue").show(); $("#uname").html('');}else{$("#cue").hide();  $("#uname").html(theme);}
}
//页面刚加载的时候，开始判断，如果有用户名，就显示在页面上，如果没有用户名的话，就显示登录名称

退出

html代码

                 <button type="button"  class="btn btn-danger" onclick="exitu()">退出</button>

js代码

//退出登录
function exitu(){localStorage.removeItem("username"); //刷新部分load_data();
}
//退出登录

根据状态来决定要显示什么内容

//页面刚加载的时候，开始判断，如果有用户名，就显示在页面上，如果没有用户名的话，就显示登录名称
function load_data(){var theme=localStorage.getItem("username");if(theme==null||theme==""){$("#cue").show(); $("#uname").html('');}else{$("#cue").hide();  $("#uname").html(theme);}
}
//页面刚加载的时候，开始判断，如果有用户名，就显示在页面上，如果没有用户名的话，就显示登录名称

js 实现登录成功首页显示用户名和退出登录相关推荐

html登录号如何显示用户名,HTML更改登录标签，登录后用户名
我想知道如何做到这一点后,我登录successfully.Just给我一些想法开始会做.? 这里是我的checklogin.php session_start(); define("DB_H ...
怎么在php登录首页添加样式,首页登录后怎么在首页显示用户名以及隐藏登录框？...
该楼层疑似违规已被系统折叠隐藏此楼查看此楼 index.php: 登录页面用户名: 密码: 没有账号?立即注册 -------------------------- doaction.php: h ...
首页显示登陆用户名php,首页登录后怎么在首页显示用户名以及隐藏登录框？
该楼层疑似违规已被系统折叠隐藏此楼查看此楼 index.php: 登录页面用户名: 密码: 没有账号?立即注册 -------------------------- doaction.php: h ...
php登录信息首页显示,首页登录后怎么在首页显示用户名以及隐藏登录框？
该楼层疑似违规已被系统折叠隐藏此楼查看此楼 index.php: 登录页面用户名: 密码: 没有账号?立即注册 -------------------------- doaction.php: h ...
PHP中select框不同用户登录,首页登录后怎么在首页显示用户名以及隐藏登录框？...
该楼层疑似违规已被系统折叠隐藏此楼查看此楼 index.php: 登录页面用户名: 密码: 没有账号?立即注册 -------------------------- doaction.php: h ...
php网站怎么看用户名,首页登录后怎么在首页显示用户名以及隐藏登录框？
该楼层疑似违规已被系统折叠隐藏此楼查看此楼 index.php: 登录页面用户名: 密码: 没有账号?立即注册 -------------------------- doaction.php: h ...
php怎么登录后显示用户名和密码错误,首页登录后怎么在首页显示用户名以及隐藏登录框？...
该楼层疑似违规已被系统折叠隐藏此楼查看此楼 index.php: 登录页面用户名: 密码: 没有账号?立即注册 -------------------------- doaction.php: h ...
模拟QQ登陆，输入账号与密码，如果账号与密码正确则显示登录成功，如果失败则重新登录，并显示登录错误几次，如果登录错误三次则程序结束登录失败。
模拟QQ登陆,输入账号与密码,如果账号与密码正确则显示登录成功,如果失败则重新登录,并显示登录错误几次,如果登录错误三次则程序结束登录失败. public class Test3 { public s ...
Windows xp开机时不显示用户名导致无法登录的错误处理方法
Windows xp开机时显示"单击用户名登录"但是不显示用户遇到这种错误,百度上很多说因为用户被删除了,要重装系统,但是重装系统非常麻烦,而且因为这个登录不了的问题是突然出现的 ...

js 实现登录成功首页显示用户名和退出登录

需求说明

应用的技术

填写用户登录信息，点击登录触发js事件

退出

js 实现登录成功首页显示用户名和退出登录相关推荐

最新文章

热门文章

js 实现登录成功 首页显示用户名和退出登录

需求说明

应用的技术

填写用户登录信息，点击登录触发js事件

退出

js 实现登录成功 首页显示用户名和退出登录相关推荐

最新文章

热门文章

js 实现登录成功首页显示用户名和退出登录

js 实现登录成功首页显示用户名和退出登录相关推荐