sendRedirect进行页面重定向无反应

Bertha 。 2023-10-13 11:42 46阅读 0赞

## 问题 ##

### 详细问题 ###

笔者使用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);
      }
    });

服务器端核心代码

### 解决方案 ###

步骤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

原创不易  
转载请标明出处  
如果对你有所帮助 别忘啦点赞支持哈  
![在这里插入图片描述][9cb4cb80a18345158f8a69e2f196e5b9.png]

[9cb4cb80a18345158f8a69e2f196e5b9.png]: https://img-blog.csdnimg.cn/9cb4cb80a18345158f8a69e2f196e5b9.png