sendRedirect进行页面重定向无反应

问题

sendRedirect进行页面重定向无反应

详细问题

笔者使用Servlet+JSP作为技术框架，使用AJAX进行数据请求，后程序运行完成

response.sendRedirect("请求链接");

并没有按照笔者预期，进行页面重定向
请求端核心代码

$.ajax({
  url: "https://example.com/api/data", // 请求发送到的URL
  type: "POST", // HTTP请求方法（GET、POST、PUT、DELETE等）
  data: { // 随请求发送的数据（可选）
    param1: "value1",
    param2: "value2"
  },
  dataType: "json", // 预期的响应数据类型
  success: function(response) { // 请求成功的回调函数
    console.log("请求成功！");
    console.log(response); // 在此处处理响应数据
  },
  error: function(xhr, status, error) { // 请求失败的回调函数
    console.log("请求失败！");
    console.log("错误信息：" + error);
  }
});

服务器端核心代码

protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
    // 执行其他逻辑处理

    // 获取要跳转的链接
    String redirectUrl = "/your-target-page.jsp";

    // 使用sendRedirect进行页面跳转
    response.sendRedirect(redirectUrl);
}

解决方案

步骤1、在服务器端，处理完其他逻辑后，返回一个JSON对象，其中包含重定向的URL。

protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
    // 执行其他逻辑处理

    // 获取要跳转的链接
    String redirectUrl = "/your-target-page.jsp";

    // 构建重定向链接的JSON对象
    JSONObject responseJson = new JSONObject();
    responseJson.put("redirectUrl", redirectUrl);

    // 设置响应内容类型
    response.setContentType("application/json");
    response.setCharacterEncoding("UTF-8");

    // 将 JSON 对象作为响应数据返回给前端
    PrintWriter out = response.getWriter();
    out.print(responseJson.toString());
    out.flush();
}

步骤2、在前端的success回调中，检查服务器返回的JSON对象中是否有redirectUrl字段，并进行页面跳转。

$.ajax({
  url: "https://example.com/api/data",
  type: "POST",
  data: {
    param1: "value1",
    param2: "value2"
  },
  dataType: "json",
  success: function(response) {
    console.log("请求成功！");
    console.log(response);

    // 检查服务器返回的JSON对象中是否有重定向URL
    if (response.redirectUrl) {
      // 执行页面跳转
      window.location.href = response.redirectUrl;
    }
  },
  error: function(xhr, status, error) {
    console.log("请求失败！");
    console.log("错误信息：" + error);
  }
});

产生原因

在使用AJAX进行数据请求时，后台返回的重定向URL无法直接在前端进行页面跳转。这是因为AJAX是一种异步请求技术，它在后台发送请求并处理响应数据，但并不会自动执行页面跳转。

解决原因

通过对服务器端和前端的代码进行相应的调整。在服务器端将重定向的URL封装成一个JSON对象，并将其作为响应数据返回给前端。然后，在前端的AJAX请求的成功回调函数中，检查服务器返回的JSON对象中是否包含重定向URL，并在存在时使用window.location.href进行页面跳转。
通过这种方式，前端可以获取到后台返回的重定向URL，并在接收到响应后根据重定向URL进行页面跳转，从而解决了使用AJAX时无法直接进行页面重定向的问题。

参考文献

产生原因以及解决原因参考chatgpt

原创不易
转载请标明出处
如果对你有所帮助 别忘啦点赞支持哈