<!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").valuelet password = document.querySelector(".password").valueaxios({// 提交和请求数据的urlurl: '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>
