效果图:
分析需求:
问题1: 什么时候进行发送请求?
点击登录按钮的时候,需要给 form 标签绑定一个表单提交事件。
问题2:需要拿到哪些信息?
需要拿到用户填写的用户名和密码。
问题3:需要如何发送给后端?
按照接口文档的规范进行发送。
问题4:请求完成以后,我们需要做些什么?
根据后端返回的信息,进行一些后续的操作。如果后端返回的是登录成功,那么我们进行页面跳转;如果后端返回的是登录失败,那么我们提示用户错误。
代码:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>