ajax登录跳转如何实现的

Question

我想在页面用ajax向服务器post数据，如果用户名密码正确，就登录成功，进行跳转。如果不正确，就返回一个json回页面，然后登陆界面给出提示
（就像segmentfault.com这样的）
我的做法是，服务器验证正确了，也返回json给页面，由js进行跳转，但是不成功，页面没有登录！

Answer 1

首先我观察到的是SF这样的并不算是ajax登录吧，你可以用chrome看看，SF登录的时候并没有使用Ajax只不过，SF在每个页面都加了一个modal要实现SF这种很简单，提交表单(post)-->处理(/api/user/login)-->跳转(redirect->back())思路大概就是这样。其次我的做法是，服务器验证正确了，也返回json给页面，由js进行跳转，但是不成功，页面没有登录你已经解决问题了。

Answer 2

用户名和密码的验证都是后端验证的，这毋庸置疑。而且，用户登录状态也是要后端设置的，查询数据库后，用户名和密码正确，则在session中存储一个uuid，每个页面需要根据登录状态判断展示相应的内容时，则判断是否有uuid这个session，且uuid不为空。比如头部的登录按钮，在未登录状态是显示登录按钮，在登录后显示用户名和头像，这些都是判断是否有uuid这个值（具体实现里，相对来说更复杂一些）。我们再来理下这个步骤：1.向后端ajax发送用户名和密码2.后端接收到用户名和密码后，查询数据库2.1若查询失败，则返回一个json数据，如：{"status":"-1",msg:"用户名或密码不正确"}2.2若查询成功，则在session中存储一个值，比如uuid，然后向前端返回一个json，比如：{"status":"0",msg:"success"}3.前端js接收到返回的数据后，判断status的值，若status==0，则使用window.location.href进行跳转；其他的状态码都是登录失败，清空密码框，让用户重新输入。4.比如登录成功跳转到首页，首页里的php或java，需要判断session里是否有uuid：html