html
复制代码
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title></title>
</head>
<body>
<form action="">
<div>用户名<input type="text" class="username"></div>
<div>密码<input type="text" class="password"></div>
</form>
<button>注册</button>
<script src="https://unpkg.com/axios/dist/axios.min.js"></script>
<script>
let btn = document.querySelector("button")
btn.onclick = function() {
// 获取表单输入框中的数据，以便提交给后端
let username = document.querySelector(".username").value
let password = document.querySelector(".password").value
axios({
// 提交和请求数据的url
url: 'http://hmajax.itheima.net/api/register',
// get 获取数据
// post 提交数据
// put 修改数据（全部）
// delete 删除数据
// patch 修改数据（部分）
method: 'post',
// 提交数据
data: {
username: username,
password: password
}
}
// 后端返回的结果
).then(result => {
console.log(result.data.message)
}).catch(error => { //抓取异常信息
// 控制台打印响应回的信息
console.log(error)
//响应回的数据的具体错误信息存在的位置
console.log(error.response.data.message)
alert(error.response.data.message)
})
}
</script>
</body>
</html>
