用jsp,Servlet,ajax编写登陆页面,当用户名和密码相等时,则登录成功,否则登录失败。当单击登录按钮,发送AJAX请求,提交给LoginServlet处理,处理完毕后,将登录结果信息返回给login.jsp页面,并显示在提交按钮下方区域。
时间: 2024-03-20 22:40:11 浏览: 17
以下是一个基于 JSP、Servlet 和 AJAX 的登录页面代码示例:
login.jsp:
```jsp
<%@ page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Login Page</title>
<script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
<script type="text/javascript">
$(document).ready(function() {
$("#loginForm").submit(function(event) {
event.preventDefault(); // 阻止表单提交
var username = $("#username").val();
var password = $("#password").val();
$.ajax({
type : "POST",
url : "LoginServlet",
data : {
username : username,
password : password
},
success : function(data) {
$("#result").html(data); // 显示登录结果信息
}
});
});
});
</script>
</head>
<body>
<h1>Login Page</h1>
<form id="loginForm">
<label for="username">Username:</label>
<input type="text" id="username" name="username"><br><br>
<label for="password">Password:</label>
<input type="password" id="password" name="password"><br><br>
<input type="submit" value="Login">
</form>
<div id="result"></div> <!-- 显示登录结果信息 -->
</body>
</html>
```
LoginServlet.java:
```java
import java.io.IOException;
import javax.servlet.ServletException;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
public class LoginServlet extends HttpServlet {
private static final long serialVersionUID = 1L;
protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
String username = request.getParameter("username");
String password = request.getParameter("password");
String message = "";
if (username.equals(password)) {
message = "Login success!";
} else {
message = "Login failed!";
}
response.setContentType("text/html;charset=UTF-8");
response.getWriter().write(message); // 返回登录结果信息
}
}
```
当用户提交登录表单时,JavaScript 代码将阻止表单提交并使用 AJAX 发送 POST 请求到 LoginServlet。LoginServlet 会获取用户名和密码,然后根据用户名和密码是否相等返回登录结果信息。AJAX 请求成功后,JavaScript 代码将显示登录结果信息在页面上。