原因
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>
搞定!