簡單的登陸，與後端交互，你和我一塊兒進步

像咱們玩淘寶，知乎或者聽聽蝦米音樂，常常就會遇到這種狀況，出現一個彈框，要你輸入用戶名，和密碼，而後點擊登陸。
咱們就跳轉進入主題頁面了。這個過程當中就涉及到，前端數據與後端數據進行交互的狀態了。
常見的一些頁面大多數以下，別的有趣的動效大多數是進行了潤色。

咱們點擊登陸，向後端發起一個請求，後端會給咱們返回這個一個數據。咱們要進行比較的就是（上圖），用戶名是否是與後臺記錄
中的一致，密碼是否是與後臺中記錄的一致。也會對用戶名進行基礎的校驗，例如不能爲空，密碼不能爲空。
HTML代碼以下：

JS代碼中取值代碼以下：

（將值存一遍的好處就是，避免你重複取值，影響性能？說錯了你能夠說正確的讓我學習學習）
咱們取出了用戶名中的值，以及用戶密碼。接下來就是發起ajax請求，經過與接口中的值進行比較，判斷是否請求成功仍是失敗。

若是沒有得出想要的東西，咱們能夠根據下圖來進行查看