ajax请求不能重定向

最新推荐文章于 2023-08-21 14:42:13 发布

jiajia佳佳

最新推荐文章于 2023-08-21 14:42:13 发布

阅读量549

点赞数

文章标签： ajax javascript java

本文链接：https://blog.csdn.net/qq_43486404/article/details/129993459

版权

Ajax请求无法重定向

一、问题描述
今天有一个需求，在进行增删改查时需要验证用户是否登录，未登录则需要跳转到登录画面，开始打算通过拦截器判断是否登录，未登录就进行重定向，前端是使用Ajax请求。当执行到重定向时会发现画面没有任何反应同时还继续执行Ajax中成功的回调函数。
二、原因
Ajax是局部刷新，不支持刷新整个页面，所以Ajax默认不支持重定向
三、解决方法
利用Ajax的complete方法判断返回信息：

if("XMLHttpRequest".equals(request.getHeader("X-Requested-With"))){
            //判断是否是重定向
            response.setHeader("redict", "redict");
            //重定向路径
            response.setHeader("preUrl", tempContextUrl);
        }else{
            response.sendRedirect(tempContextUrl);
        }

if-else是用来判断是否是Ajax请求，当是Ajax请求时在HTTP响应信息中进行标记
后端：

response.setHeader("redict", "redict");//重定向标记
            response.setHeader("preUrl", tempContextUrl); //重定向路径

前端：

complete:function(event, xhr, settings){
                    if("redict" == event.getResponseHeader("redict")){
                        //top.layer.msg("未登录请重新登录", {icon: 2});
                         location.href  = event.getResponseHeader("preUrl");
                    }
                }