Web前端初级问题—ajax登录跳转登录实现

当我们的用户进行系统登录时，用户名和密码的验证都是后端验证的。而且，用户登录状态也是要后端设置的，查询数据库后，用户名和密码正确，则在session中存储一个uuid，每个页面需要根据登录状态判断展示相应的内容时，则判断是否有uuid这个session，且uuid不为空。比如头部的登录按钮，在未登录状态是显示登录按钮，在登录后显示用户名和头像，这些都是判断是否有uuid这个值（具体实现里，相对来说更复杂一些）。

我们再来理下这个步骤：

向后端ajax发送用户名和密码
后端接收到用户名和密码后，查询数据库
若查询失败，则返回一个json数据，如：{"status":"-1", msg:"用户名或密码不正确"}
若查询成功，则在session中存储一个值，比如uuid，然后向前端返回一个json，比如：{"status":"0", msg:"success"}
前端js接收到返回的数据后，判断status的值，若status==0，则使用window.location.href进行跳转；其他的状态码都是登录失败，清空密码框，让用户重新输入
比如登录成功跳转到首页，首页里的php或java，需要判断session里是否有uuid

<nav><?php if(isset($_SESSION['uuid']) && !empty($_SESSION['uuid'])):;  ?><!-- 若存在uuid，则不为空，则表示已经登录 --><a href="#">蚊子</a><?php else ?><!-- 没有登录 --><input type="button" value="登录" /><?php endif; ?>
</nav>

Web前端初级问题—ajax登录跳转登录实现相关推荐

js考试题 html5新特性,Web前端初级面试题总结
Web前端初级面试题总结发布时间:2018-11-02 11:17, 浏览次数:549 , 标签: Web Web篇: 1.常见的浏览器内核有哪些? IE:Trident内核 ...
php登陆+链接+验证,php+ajax验证登录跳转登录的实现方法
这篇文章主要介绍了php+ajax登录跳转登录实现思路,非常的简单,有需要的小伙伴可以参考下当我们的用户进行系统登录时,用户名和密码的验证都是后端验证的.而且,用户登录状态也是要后端设置的,查询数据 ...
易居主页点击登录跳转登录页面
易居主页点击登录跳转登录页面 UserController 中代码修改为 @Controller @RequestMapping("user") public class User ...
过滤器和拦截器比较及实现未登录跳转登录页的方式
看了一下午的文档,对Filter(过滤器)和Interceptor(拦截器)有了更深入的理解,下面主要记录对这两个在未登录时自动跳转登录页面的实现的一些自己的理解. 首先要求拦截未登录自动跳转登录页面 ...
vue判断是否登录，若未登录跳转登录页
需要使用vuex,在state中存储一个isLogin字段,用于判断是否登录 export const store = new Vuex.Store({state: {isLogin: false} ...
uni-app设置登录限制，未登录跳到登录界面
前言: uni-app资料之登录判断,登录可以继续看,未登录放到登录界面. 具体步骤: 1.封装缓存方法:util/auth.js const TokenKey = 'uni_token';// 认证 ...
【web前端初级课程】第二章 CSS层叠样式表
目录一.使用CSS的方法二.CSS的选择器三.CSS的常见样式四.相关练习一.使用CSS的方法 (一)行内样式在标签的style属性中写CSS代码. (二)页面样式在head标签中添加s ...
web前端学习笔记——锚点跳转
锚点跳转一.页面内锚点跳转在同一页面中,这个位置跳转到另一个位置方法: 设置锚点两种方式: 在目标位置随意找一个标签,添加一个id属性 <h2 id="mubiao" ...
【web前端初级课程】第八章什么是事件？
目录一.事件情况汇总二.标签绑定三.使用DOM0事件模型四.使用DOM2事件模型五.相关练习:图片切换一.事件情况汇总事件分为三部分:事件源:绑定事件的标签.事件对象:就是事件产生的相关 ...
【web前端初级课程】第三章 CSS的特殊样式
目录一.@media查询二.@font-face字体三.动画四.3D旋转效果五.网页布局六.相关练习:校园官网一.@media查询作用:主要用于在不同设备显示不同的页面. (电视:TV ...

Web前端初级问题—ajax登录跳转登录实现

Web前端初级问题—ajax登录跳转登录实现相关推荐

最新文章

热门文章