本篇實作Web請求后端Api的Demo，實作是通過JQuery的AJAX實作后端請求，以及對請求到的資料的決議處理，實作登錄功能
需求描述：
1. 請求后端Api介面地址
2. 根據回傳資訊進行判斷處理前端界面的跳轉，實作登錄
開始實作：
首先是index.html頁面 上面就兩個輸入框 用戶名和密碼 一個登錄按鈕，點擊登錄按鈕拿輸入的登錄資訊與后端Api介面中的進行對比判斷，如果校驗成功則跳轉到main.html頁面，并顯示登錄的用戶名
1. 實作登錄界面，利用bootstrap框架快速實作登錄界面原型
2. 申請一個后端Api介面：https://j.tewx.cn
1） 注冊登錄
2） 申請Api介面 免費10000次訪問，key里輸入：loginInfo value里面輸入：{"name":"zhangwei","psd":"123"}
3） 拿到Api介面地址
3. 在js中放入api地址，進行請求
觀察回傳資料
做出決議做出處理
實作邏輯判斷跳轉或者提示
4. 最終效果
密碼錯誤
登錄成功
5. 原始碼地址：
https://j.tewx.cn/get/web.zip
有問題可以留言問我哦~
轉載請註明出處，本文鏈接：https://www.uj5u.com/qiye/279216.html
標籤：Html/Css
上一篇：前端?規模構建演進實踐