首頁猿問 ajax登錄跳轉(zhuǎn)如何實現(xiàn)的

ajax登錄跳轉(zhuǎn)如何實現(xiàn)的

JavaScript

守候你守候我 2019-04-21 20:42:59

我想在頁面用ajax向服務(wù)器post數(shù)據(jù)，如果用戶名密碼正確，就登錄成功，進行跳轉(zhuǎn)。如果不正確，就返回一個json回頁面，然后登陸界面給出提示（就像segmentfault.com這樣的）我的做法是，服務(wù)器驗證正確了，也返回json給頁面，由js進行跳轉(zhuǎn)，但是不成功，頁面沒有登錄！

查看完整描述

2 回答

慕斯709654

TA貢獻1840條經(jīng)驗獲得超5個贊

首先我觀察到的是SF這樣的并不算是ajax登錄吧，你可以用chrome看看，SF登錄的時候并沒有使用Ajax只不過，SF在每個頁面都加了一個modal要實現(xiàn)SF這種很簡單，提交表單(post)-->處理(/api/user/login)-->跳轉(zhuǎn)(redirect->back())思路大概就是這樣。其次我的做法是，服務(wù)器驗證正確了，也返回json給頁面，由js進行跳轉(zhuǎn)，但是不成功，頁面沒有登錄你已經(jīng)解決問題了。

反對回復(fù) 2019-04-21

繁花不似錦

TA貢獻1851條經(jīng)驗獲得超4個贊

用戶名和密碼的驗證都是后端驗證的，這毋庸置疑。而且，用戶登錄狀態(tài)也是要后端設(shè)置的，查詢數(shù)據(jù)庫后，用戶名和密碼正確，則在session中存儲一個uuid，每個頁面需要根據(jù)登錄狀態(tài)判斷展示相應(yīng)的內(nèi)容時，則判斷是否有uuid這個session，且uuid不為空。比如頭部的登錄按鈕，在未登錄狀態(tài)是顯示登錄按鈕，在登錄后顯示用戶名和頭像，這些都是判斷是否有uuid這個值（具體實現(xiàn)里，相對來說更復(fù)雜一些）。我們再來理下這個步驟：1.向后端ajax發(fā)送用戶名和密碼2.后端接收到用戶名和密碼后，查詢數(shù)據(jù)庫2.1若查詢失敗，則返回一個json數(shù)據(jù)，如：{"status":"-1",msg:"用戶名或密碼不正確"}2.2若查詢成功，則在session中存儲一個值，比如uuid，然后向前端返回一個json，比如：{"status":"0",msg:"success"}3.前端js接收到返回的數(shù)據(jù)后，判斷status的值，若status==0，則使用window.location.href進行跳轉(zhuǎn)；其他的狀態(tài)碼都是登錄失敗，清空密碼框，讓用戶重新輸入。4.比如登錄成功跳轉(zhuǎn)到首頁，首頁里的php或java，需要判斷session里是否有uuid：html蚊子