使用ajax转发请求后服务器端无法重定向的原因及解决方案

原因

ajax处于前端和后端之间，当使用ajax之后，后端的重定向请求会传到ajax，ajax只接收内容，不做任何操作。

解决方法

首先在后端定义一个函数，修改response头部信息。

public void ajaxRedirect(HttpServletRequest request, HttpServletResponse response, String page) throws IOException {
        if ("XMLHttpRequest".equals(request.getHeader("X-Requested-With"))) {
            response.setHeader("REDIRECT", "REDIRECT"); //表示重定向
            response.setHeader("CONTEXTPATH", request.getContextPath() +"/"+page); //重定向的路径
            response.setStatus(HttpServletResponse.SC_FORBIDDEN); //拒绝访问.
        } else {
            response.sendRedirect(request.getContextPath() +"/"+page);
        }
    }

然后将resp.sendRedirect()命令改为上述函数

//resp.sendRedirect(successPage);
ajaxRedirect(req, resp, successPage);

在前端，定义一个setAjax.js文件，内容如下：

$.ajaxSetup( {  
	    //设置ajax请求结束后的执行动作  
	    complete : function(XMLHttpRequest, textStatus) {
	        // 通过XMLHttpRequest取得响应头，REDIRECT  
	        var redirect = XMLHttpRequest.getResponseHeader("REDIRECT");//若HEADER中含有REDIRECT说明后端想重定向
	        if (redirect == "REDIRECT") {
	            var win = window;  
	            while (win != win.top){
	                win = win.top;
	            }
	          //将后端重定向的地址取出来,使用win.location.href去实现重定向的要求
	          win.location.href= XMLHttpRequest.getResponseHeader("CONTEXTPATH");  
	        }
	    }  
	});

然后在页面中引用此文件

<script src="setAjax.js"></script>

搞定！