时间戳

首页 > 解决方案 > 从 AJAX 帖子重定向

ajax - 从 AJAX 帖子重定向

问题描述

我在我的 Spring 控制器中有一个对我的端点的 AJAX 调用。在验证来自 POST 的信息后，我的控制器做出重定向决定，是将请求转发到下一个位置，还是将它们发送回登录页面。对帖子的响应是正确的，它是一个 302，Location标题设置正确。但是，当页面进行重定向调用时，它会对 URL 进行 OPTIONS 调用，然后是 GET 调用，它只返回 HTML。太好了，我有 HTML，但是该页面保留在我的 JSP 页面上，并且永远不会转到外部 URL。我该如何管理？

示例 Java 代码：

@RequestMapping(value = "/token/{token_code}", method = {RequestMethod.GET})
public void validateToken(HttpServletRequest servletRequest, HttpServletResponse servletResponse, @PathVariable String token_code) {
  //set some servlet request attributes from incoming packet info
  if(isTokenValid(token_code)) {
       servletRequest.getRequestDispatcher(MyConstants.JSP_DEVICE_INFO).forward(servletRequest, servletResponse);
   }
  else {
     servletRequest.getRequestDispatcher(MyConstants.FAILURE_URL).forward(servletRequest, servletResponse);
  }
}

@RequestMapping(value = "/token/tokenRedirect", method = {RequestMethod.POST},headers = "content-type=application/json",consumes = {MediaType.APPLICATION_JSON_VALUE})
public ModelAndView getSession(HttpServletRequest servletRequest,
                                   HttpServletResponse servletResponse,
                                   @RequestBody TokenValidateRequest request)
{
  boolean isValid = verifyCollectedInfo(request);
  if(isValid) {
      servletResponse.setHeader("Location", request.url());
      servletResponse.setStatus(302);

  }
  else {
      servletResponse.setHeader("Location", MyConstants.FAILURE_URL);
      servletResponse.setStatus(302);
  }
}

JSP Ajax 调用：

   $.ajax({
         headers: {
             'accept': 'application/json',
             'content-type': 'application/json'
         },
         type: "POST",
         url: "tokenRedirect",
         context:document.body,
         contentType:"application/json",
         data:JSON.stringify(TokenValidateObject)

     });

因此，当我检查我的网络流量时，我看到为响应设置了 302 状态，并且 Location 标头具有我想要的 URL，但它只是获取重定向 URL 的 HTML，它实际上并没有切换视图

标签： ajaxredirect

解决方案

您应该尝试使用前端而不是后端来重定向。Ajax 旨在发出异步请求，然后可以在前端使用。

因此，与其在后端重定向，不如告诉它print重定向位置并使用前端返回的数据进行重定向。

$.ajax({
     headers: {
         'accept': 'application/json',
         'content-type': 'application/json'
     },
     type: "POST",
     url: "tokenRedirect",
     context:document.body,
     contentType:"application/json",
     data:JSON.stringify(TokenValidateObject)
     success: function(locationToRedirect){
         window.location = locationToRedirect
     } 
});

推荐阅读