使用ajax转发请求后服务器端无法重定向的原因及解决方案
原因ajax处于前端和后端之间,当使用ajax之后,后端的重定向请求会传到ajax,ajax只接收内容,不做任何操作。解决方法首先在后端定义一个函数,修改response头部信息。public void ajaxRedirect(HttpServletRequest request, HttpServletResponse response, String page) throws IOExcep
·
原因
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>
搞定!

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