发表于： 2020-06-02 22:52:37
1 2556
今日完成
html
<body>
<form class="main">
<p>后台登录</p>
<div class="box">
<img class="photo" src="1.gif" />
<p class="c">|</p>
<input class="main-txt" type="text" name="name" placeholder="用户名">
</div>
<div class="box">
<img class="photo" src="2.gif" />
<p class="c">|</p>
<input class="main-txt" type="password" name="pwd" placeholder="请输入密码">
</div>
<p id="msg"></p><!--密码错误-->
<button id="btn" type="submit" >登录</button>
</form>
<script scr="js5.js"></script>
</body>
js
var aValue = document.getElementsByTagName('input');
var oMsg = document.getElementById('msg');
var oBtn = document.getElementById('btn');
var timer = null;
oBtn.onclick = function(event) {
event.preventDefault();
var name = aValue[0].value;
var pwd = aValue[1].value;
var data = "name=" + name + "&pwd=" + pwd;//以键值对的形式发给请求地址
var oAjax = new XMLHttpRequest();//创建变量aAjax,Ajax的基础
oAjax.onreadystatechange = function() {//基于服务器相应之后
if (oAjax.readyState == 4 && oAjax.status == 200) {
var resdata = JSON.parse(oAjax.responseText);
console.log(name);
console.log(pwd);
console.log(resdata);
if (resdata.code === 0) {
window.location.href = "跳转地址";//跳转地址
} else {
clearInterval(timer);
oMsg.innerHTML = resdata.message;
timer = setTimeout(function() {
oMsg.innerHTML = '';
}, 3000)
}
}
}
oAjax.open('POST', '/carrots-admin-ajax/a/login', true);
oAjax.setRequestHeader('content-type', 'application/x-www-form-urlencoded');
oAjax.send(data);
}
返回列表
评论