Web前端初級問題—ajax登錄跳轉登錄實現

crossea 發布于2019-08-21 10:57 / 2713人閱讀

摘要：當我們的用戶進行系統登錄時，用戶名和密碼的驗證都是后端驗證的。比如頭部的登錄按鈕，在未登錄狀態是顯示登錄按鈕，在登錄后顯示用戶名和頭像，這些都是判斷是否有這個值具體實現里，相對來說更復雜一些。

當我們的用戶進行系統登錄時，用戶名和密碼的驗證都是后端驗證的。而且，用戶登錄狀態也是要后端設置的，查詢數據庫后，用戶名和密碼正確，則在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


    
        
        蚊子

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://specialneedsforspecialkids.com/yun/86472.html

前端培訓-中級階段（9）- 原生Ajax的運行原理與實現（2019-08-08期）

摘要：前端最基礎的就是。的原理瀏覽器發送請求，服務器給出響應。保持之前的界面不變化。的核心創建一個對象，用于發起請求設置為請求，請求發送請求。前端最基礎的就是 HTML+CSS+Javascript。掌握了這三門技術就算入門，但也僅僅是入門，現在前端開發的定義已經遠遠不止這些。前端小課堂（HTML/CSS/JS），本著提升技術水平，打牢基礎知識的中心思想，我們開課啦（每周四）。 ajax ...

anonymoussf 2019-08-02 15:34 評論0 收藏0
前端培訓-中級階段（9）- 原生Ajax的運行原理與實現（2019-08-08期）

摘要：前端最基礎的就是。的原理瀏覽器發送請求，服務器給出響應。保持之前的界面不變化。的核心創建一個對象，用于發起請求設置為請求，請求發送請求。前端最基礎的就是 HTML+CSS+Javascript。掌握了這三門技術就算入門，但也僅僅是入門，現在前端開發的定義已經遠遠不止這些。前端小課堂（HTML/CSS/JS），本著提升技術水平，打牢基礎知識的中心思想，我們開課啦（每周四）。 ajax ...

TANKING 2019-08-26 10:09 評論0 收藏0
WEB之常見工作問題總結（1-20）

摘要：第三種，使用格式，即在中請求參數處理跨域問題當然請求方式只能是。最后發現有網友說版本不穩定引起的，于是把百度地圖回退到了，結果還真是可以了。請問在移動端頁面中播放優酷里面的視頻，怎樣實現 1.web掃碼登錄怎么實現，思路步驟 WEB平臺手機第1步生成二維碼第2步（ajax監控后臺）掃碼第3步 ...

genedna 2019-08-22 13:40 評論0 收藏0