如何从Ajax Post请求经Servlet重定向至JSP页面？

我来帮你梳理下这个登录流程里可能遇到的问题，以及对应的解决办法～

首先要明确一个核心点：你现在用了jQuery的Ajax POST请求，这种情况下Servlet里的sendRedirect()是不会触发浏览器页面跳转的！因为Ajax是在后台异步发起的，浏览器只会接收Ajax的响应内容，不会自动执行重定向操作。这应该是你遇到问题的主要原因。

下面给你两种可行的解决方案，根据你的需求选就行：

方案一：改用普通表单提交（最简单直接） #

如果不需要异步处理（比如不需要在登录前做前端校验、不需要无刷新提示），直接用HTML表单提交是最省心的，这样Servlet的重定向能正常生效：

前端修改（index.html） #

<!-- 把登录区域改成form表单，指定提交地址和方法 -->
<form action="http://localhost:8080/NewDesignV1/login.action" method="post">
  <input type="text" id="username" name="username" placeholder="用户名">
  <input type="password" id="password" name="password" placeholder="密码">
  <button type="submit" id="loginBtn">登录</button>
</form>

<script>
  $('#navbar').load('navbar.html'); 
  $('#errorMessage').hide();
  <!-- 不需要原来的Ajax点击事件了，表单会自动处理提交 -->
</script>

Servlet处理代码 #

protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
    // 获取前端传来的参数，注意参数名要和表单里的name属性完全一致
    String username = request.getParameter("username");
    String password = request.getParameter("password");
    
    // 这里替换成你的真实登录验证逻辑（比如查数据库、校验密码）
    boolean loginSuccess = true; // 示例：假设验证通过
    
    if (loginSuccess) {
        // 登录成功，重定向到目标JSP页面（注意路径要正确，避免404）
        response.sendRedirect("/NewDesignV1/home.jsp");
    } else {
        // 验证失败，转发回登录页并携带错误信息
        request.setAttribute("errorMsg", "用户名或密码错误");
        request.getRequestDispatcher("/index.jsp").forward(request, response);
    }
}

方案二：保留Ajax请求，前端手动处理跳转 #

如果必须用Ajax（比如要做前端表单校验、无刷新提示），那Servlet不要直接重定向，而是返回登录结果和跳转地址，由前端JS来触发页面跳转：

前端修改（index.html） #

<script>
  $('#navbar').load('navbar.html'); 
  $('#errorMessage').hide();

  $("#loginBtn").click(function() {
    // 可以先加前端校验，比如判断用户名密码是否为空
    if ($("#username").val().trim() === "" || $("#password").val().trim() === "") {
      $('#errorMessage').text("请填写用户名和密码").show();
      return;
    }

    $.post('http://localhost:8080/NewDesignV1/login.action', { 
        username : $("#username").val(), 
        password : $("#password").val() 
    }, function(response) {
        // 处理Servlet返回的JSON响应
        if (response.success) {
            // 登录成功，跳转到目标页面
            window.location.href = response.redirectUrl;
        } else {
            // 登录失败，显示错误信息
            $('#errorMessage').text(response.errorMsg).show();
        }
    }, 'json'); // 指定接收JSON格式的响应
  });
</script>

Servlet处理代码 #

import org.json.JSONObject; // 需要导入JSON处理包，比如org.json

protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
    // 设置响应为JSON格式，避免乱码
    response.setContentType("application/json");
    response.setCharacterEncoding("UTF-8");
    PrintWriter out = response.getWriter();
    
    String username = request.getParameter("username");
    String password = request.getParameter("password");
    
    // 真实登录验证逻辑
    boolean loginSuccess = true; 
    JSONObject result = new JSONObject();
    
    if (loginSuccess) {
        result.put("success", true);
        result.put("redirectUrl", "/NewDesignV1/home.jsp");
    } else {
        result.put("success", false);
        result.put("errorMsg", "用户名或密码错误");
    }
    
    // 把JSON结果返回给前端
    out.print(result);
    out.flush();
}

额外需要检查的坑 #

• 确保Servlet的url-pattern配置和前端请求的login.action完全匹配（比如web.xml里的配置）
• 参数名要完全一致：前端的username、password要和Servlet里request.getParameter()的参数名一模一样
• 重定向/跳转的路径要正确：如果是绝对路径，要包含项目上下文路径（比如/NewDesignV1/home.jsp），避免出现404错误
• 若出现跨域问题：确认前端和后端的域名、端口一致，你现在用的是localhost:8080，应该没问题

内容的提问来源于stack exchange，提问作者gwenny