代码拉取完成,页面将自动刷新
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<link rel="stylesheet" href="./bootstrap-3.4.1-dist/css/bootstrap.min.css">
<style>
body {
background-color: #444;
}
.box1 {
margin: 100px auto;
width: 300px;
height: 500px;
background-color: rgba(255, 255, 255, .8);
}
</style>
</head>
<body>
<div class="box1">
<form action="#" class="form">
<input type="text" class="input-group username">
<input type="password" class="input-group password">
<button class="btn btn-default ">登录</button>
</form>
</div>
<script>
//渲染
function alertFn(messag,isSuccess){
document.querySelector('.form').value
}
document.querySelector('.btn-default').addEventListener('click', () => {
//1.1获取账号密码
const username = document.querySelector('.username').value
const password = document.querySelector('.password').value
//1.2给账号密码设置限制
anxios({
url :'http//www.apiitheima.cn/1.23',
method :'POST',
prompt:{
username:username,
password:password
}
})(result=>({
console.log(result);
}))
//1.3进行判断
})
</script>
<script src="https://cdn.bootcss.com/jquery/1.12.4/jquery.min.js"></script>
<script src="https://cdn.bootcss.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
</body>
</html>
此处可能存在不合适展示的内容,页面不予展示。您可通过相关编辑功能自查并修改。
如您确认内容无涉及 不当用语 / 纯广告导流 / 暴力 / 低俗色情 / 侵权 / 盗版 / 虚假 / 无价值内容或违法国家有关法律法规的内容,可点击提交进行申诉,我们将尽快为您处理。