原因

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>

搞定!

Logo

魔乐社区(Modelers.cn) 是一个中立、公益的人工智能社区,提供人工智能工具、模型、数据的托管、展示与应用协同服务,为人工智能开发及爱好者搭建开放的学习交流平台。社区通过理事会方式运作,由全产业链共同建设、共同运营、共同享有,推动国产AI生态繁荣发展。

更多推荐