好的,我来为您介绍一下如何使用Java Web的Servlet技术实现登录后的home页面,通过cookie获取用户名并用
Ajax请求发送给
后端,
后端将数据通过result返回。
1. 首先,我们需要在登录
成功后设置一个cookie来存储用户名:
```java
protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
// 登录逻辑处理
String username = request.getParameter("username");
// 登录
成功后设置cookie
Cookie cookie = new Cookie("username", URLEncoder.encode(username, "UTF-8"));
cookie.setMaxAge(60 * 60 * 24); // 设置cookie有效期为1天
response.addCookie(cookie);
// 重定向到home页面
response.sendRedirect("home.jsp");
}
```
2. 在home.jsp页面中,我们可以使用JavaScript来获取cookie中的用户名,并通过
Ajax请求发送给
后端:
```jsp
<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Home Page</title>
<script src="https://
ajax.googleapis.com/
ajax/libs/jquery/3.5.1/jquery.min.js"></script>
</head>
<body>
<h1>Welcome to the Home Page</h1>
<div id="welcomeMessage"></div>
<script>
$(document).ready(function() {
// 从cookie中获取username
function getCookie(name) {
let value = "; " + document.cookie;
let parts = value.split("; " + name + "=");
if (parts.length === 2) return parts.pop().split(";").shift();
}
let username = getCookie("username");
if (username) {
// 使用
Ajax发送请求到
后端
$.
ajax({
url: 'GetUserInfo',
type: 'POST',
data: {username: username},
success: function(response) {
$('#welcomeMessage').html(response);
},
error: function(xhr, status, error) {
console.error(error);
}
});
} else {
$('#welcomeMessage').html("No user information found.");
}
});
</script>
</body>
</html>
```
3. 在
后端,我们需要创建一个新的Servlet来处理
Ajax请求:
```java
@WebServlet("/GetUserInfo")
public class GetUserInfoServlet extends HttpServlet {
protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
String username = request.getParameter("username");
// 这里可以进行一些数据库查询或其他逻辑处理
String result = "Hello, " + username + "! Welcome to your home page.";
// 设置
响应内容类型
response.setContentType("text/plain");
response.setCharacterEncoding("UTF-8");
// 返回结果
response.getWriter().write(result);
}
}
```
这样,当用户登录后访问home.jsp页面时,JavaScript会从cookie中获取用户名,并通过
Ajax请求发送给GetUserInfoServlet。
后端接收到
请求后,处理数据并返回结果,前端接收到
响应后,更新页面内容。
本文记录了一次前端请求状态为200但后端无响应的情况。原因是登录拦截器拦截了该请求，登录后问题得到解决，后端开始正常响应。
扫一扫
1738
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
