122 lines
4.8 KiB
HTML
122 lines
4.8 KiB
HTML
|
<!--
|
|||
|
|
* @Descripttion:
|
|||
|
|
* @version:
|
|||
|
|
* @Author: Baron
|
|||
|
|
* @Date: 2022-05-23 09:31:25
|
|||
|
|
* @LastEditors: Andy
|
|||
|
|
* @LastEditTime: 2024-06-25 11:15:19
|
|||
|
|
-->
|
|||
|
|
<!DOCTYPE html>
|
|||
|
|
<html lang="en">
|
|||
|
|
|
|||
|
|
<head>
|
|||
|
|
<meta charset="UTF-8">
|
|||
|
|
<meta http-equiv="max-age" content="31536000">
|
|||
|
|
<meta http-equiv="Pragma" content="public">
|
|||
|
|
<meta http-equiv="Cache-control" content="public">
|
|||
|
|
<meta http-equiv="Cache" content="public">
|
|||
|
|
<meta name="viewport"
|
|||
|
|
content="width=device-width, initial-scale=1, minimum-scale=0.01, maximum-scale=1, user-scalable=yes" />
|
|||
|
|
<title>修改密码</title>
|
|||
|
|
<link rel="stylesheet" href="css/style.css">
|
|||
|
|
<script src="js/jquery-3.4.1.min.js"></script>
|
|||
|
|
<script> src = "js/jsonid.js"</script>
|
|||
|
|
|
|||
|
|
</head>
|
|||
|
|
|
|||
|
|
<body>
|
|||
|
|
<div class="contain">
|
|||
|
|
<header>
|
|||
|
|
<!-- <div><a href="screen_main.html"><返回</a></div> -->
|
|||
|
|
</header>
|
|||
|
|
<div class="box" id="box">
|
|||
|
|
<h2>修改密码</h2>
|
|||
|
|
<!-- <form action="login.html" method="post"> -->
|
|||
|
|
<ul>
|
|||
|
|
<li>
|
|||
|
|
<label><span>*</span>原始密码：</label>
|
|||
|
|
<input type="password" name="pwd" maxlength="10" placeholder="请输入原始密码" id="raw_pass">
|
|||
|
|
</li>
|
|||
|
|
<li>
|
|||
|
|
<label><span>*</span>新密码：</label>
|
|||
|
|
<input type="password" name="pwd" maxlength="10" placeholder="请输入新密码" id="new_pwd">
|
|||
|
|
</li>
|
|||
|
|
<li>
|
|||
|
|
<label><span>*</span>确认新密码：</label>
|
|||
|
|
<input type="password" name="pwdOk" maxlength="10" placeholder="确认密码必须与密码一致" id="pwdOK">
|
|||
|
|
</li>
|
|||
|
|
</ul>
|
|||
|
|
<button name="submit" id="submit">提交</button><br>
|
|||
|
|
<input type="reset" id="reset" value="取消"></button>
|
|||
|
|
<!-- </form> -->
|
|||
|
|
<div class="toast">
|
|||
|
|
<span>密码不能为空</span>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<script>
|
|||
|
|
$(function () {
|
|||
|
|
var baseHost = document.location.origin
|
|||
|
|
$('#submit').on('click', function () {
|
|||
|
|
var rawPwd = $('#raw_pass').val()
|
|||
|
|
var newPwd = $('#new_pwd').val()
|
|||
|
|
var rePwd = $('#pwdOK').val()
|
|||
|
|
var submit = {}
|
|||
|
|
// submit.jsonid = json_id;
|
|||
|
|
submit = new Object()
|
|||
|
|
submit.log_in = new Object()
|
|||
|
|
submit.log_in.type = 2
|
|||
|
|
submit.log_in.pass = rawPwd
|
|||
|
|
submit.log_in.new_pass = newPwd
|
|||
|
|
console.log(JSON.stringify(submit))
|
|||
|
|
if (!newPwd.trim().length || !rePwd.trim().length) {
|
|||
|
|
$('.toast').css('display', 'flex')
|
|||
|
|
setTimeout(function () {
|
|||
|
|
$('.toast').css('display', 'none')
|
|||
|
|
}, 2000)
|
|||
|
|
return false
|
|||
|
|
} else if (newPwd != rePwd) {
|
|||
|
|
alert('新密码与确认密码不一致')
|
|||
|
|
return false
|
|||
|
|
}
|
|||
|
|
//1.创建ajax对象
|
|||
|
|
var xhr = new XMLHttpRequest()
|
|||
|
|
xhr.open('post', baseHost + '/communication', true)
|
|||
|
|
xhr.setRequestHeader('content-type', 'application/json')
|
|||
|
|
xhr.send(JSON.stringify(submit))
|
|||
|
|
xhr.onreadystatechange = function () {
|
|||
|
|
if (xhr.readyState == 4 && xhr.status == 200) {
|
|||
|
|
//1.服务器返回的json格式数据
|
|||
|
|
var json = xhr.responseText
|
|||
|
|
console.log(json)
|
|||
|
|
/*2.
|
|||
|
|
*通过eval方法将上面的数据转换成json格式，
|
|||
|
|
*上面数据的所有双引号全部转换成单引号
|
|||
|
|
*/
|
|||
|
|
var result = eval("(" + json.replace(/"/g, "'") + ")")
|
|||
|
|
/* 3.转换成json格式后可以通过对象的方式进行访问，既通过“.”的方式
|
|||
|
|
* 判断从服务器返回值中return是否等于0
|
|||
|
|
* 0：密码正确 1：密码错误
|
|||
|
|
*/
|
|||
|
|
if (result.led_protocol.log_in.return == 0) {
|
|||
|
|
alert("修改密码成功！")
|
|||
|
|
window.location.href = "/login.html"
|
|||
|
|
return
|
|||
|
|
} else {
|
|||
|
|
alert("修改密码失败！")
|
|||
|
|
return false
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
})
|
|||
|
|
//单击取消按钮，跳转至登录页面
|
|||
|
|
$("#reset").on('click', function () {
|
|||
|
|
window.location.href = '/login.html'
|
|||
|
|
})
|
|||
|
|
})
|
|||
|
|
</script>
|
|||
|
|
|
|||
|
|
</body>
|
|||
|
|
|
|||
|
|
</html>
|