前端jQuery AJAX和后端Servlet技术完成异步登录注册程序

前端代码（jQuery AJAX）：

$(document).ready(function() {
    $('#loginForm').submit(function(e) {
        e.preventDefault();
        $.ajax({
            url: 'login',
            type: 'POST',
            data: $(this).serialize(),
            success: function(data) {
                alert('登录成功！');
                // 可以在这里处理登录成功后的逻辑，比如跳转页面
            },
            error: function() {
                alert('登录失败！');
            }
        });
    });
 
    $('#registerForm').submit(function(e) {
        e.preventDefault();
        $.ajax({
            url: 'register',
            type: 'POST',
            data: $(this).serialize(),
            success: function(data) {
                alert('注册成功！');
                // 可以在这里处理注册成功后的逻辑，比如清空表单数据
            },
            error: function() {
                alert('注册失败！');
            }
        });
    });
});

后端代码（Servlet）：

@WebServlet("/login")
public class LoginServlet extends HttpServlet {
    protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
        // 处理登录逻辑
        String username = request.getParameter("username");
        String password = request.getParameter("password");
        // 验证用户名密码是否正确，然后给出响应
        if (validateUser(username, password)) {
            response.setStatus(HttpServletResponse.SC_OK);
        } else {
            response.setStatus(HttpServletResponse.SC_UNAUTHORIZED);
        }
    }
 
    private boolean validateUser(String username, String password) {
        // 这里应该是查询数据库验证用户名密码逻辑
        // 为了示例，简单返回true或false
        return "user1".equals(username) && "pass123".equals(password);
    }
}
 
@WebServlet("/register")
public class RegisterServlet extends HttpServlet {
    protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
        // 处理注册逻辑
        String username = request.getParameter("username");
        String password = request.getParameter("password");
        // 将用户信息保存到数据库，然后给出响应
        if (saveUser(username, password)) {
            response.setStatus(HttpServletResponse.SC_OK);
        } else {
            response.setStatus(HttpServletResponse.SC_CONFLICT);
        }
    }
 
    private boolean saveUser(String username, String password) {
        // 这里应该是保存用户信息到数据库的逻辑
        // 为了示例，简单返回true或fals