提供一个管理员登录的html页面,管理员通过把用户名和密码交给servlet,通过servlet进行验证,进行异步登录跳转到用户列表
时间: 2024-01-06 19:03:28 浏览: 28
好的,这里提供一个使用异步请求进行登录验证和跳转的管理员登录页面,使用jQuery实现:
```html
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>管理员登录</title>
<script src="https://cdn.staticfile.org/jquery/3.5.1/jquery.min.js"></script>
</head>
<body>
<form>
<label for="username">用户名:</label>
<input type="text" id="username" name="username"><br>
<label for="password">密码:</label>
<input type="password" id="password" name="password"><br>
<button type="button" id="login-btn">登录</button>
</form>
<script>
$(function() {
// 点击登录按钮时,发送异步请求进行登录验证
$('#login-btn').click(function() {
var username = $('#username').val();
var password = $('#password').val();
$.ajax({
url: 'login',
type: 'POST',
data: {username: username, password: password},
success: function(result) {
// 登录成功,跳转到用户列表页面
window.location.href = 'user-list';
},
error: function() {
// 登录失败,弹出提示信息
alert('登录失败,请检查用户名和密码!');
}
});
});
});
</script>
</body>
</html>
```
同时,这里提供一个简单的servlet代码,用于验证用户名和密码:
```java
import java.io.*;
import javax.servlet.*;
import javax.servlet.http.*;
public class LoginServlet extends HttpServlet {
// 假设管理员的用户名和密码都是 admin
private static final String USERNAME = "admin";
private static final String PASSWORD = "admin123";
public void doPost(HttpServletRequest request, HttpServletResponse response)
throws ServletException, IOException {
String username = request.getParameter("username");
String password = request.getParameter("password");
if (username.equals(USERNAME) && password.equals(PASSWORD)) {
// 登录成功,返回成功的结果
response.getWriter().write("success");
} else {
// 登录失败,返回错误的结果
response.sendError(401);
}
}
}
```
注意,在这个例子中,登录成功时返回的是 "success" 字符串,登录失败时返回的是 401 错误码。在实际开发中,应该根据具体需求返回合适的结果。同时,还应该对用户输入的用户名和密码进行防止 XSS 和 SQL 注入等攻击的处理。