asp.net mvc 重定向问题的解决方式

前端ajax发起请求,在后端接口中重定向,结果报错,无法跳转

Ajax实际上是通过XMLHttpRequest来向服务器发送异步请求的,从服务器获取数据,然后使用JS来更新页面,这也就是常说的局部刷新实现方式,所以Ajax请求之后,服务器返回的都是纯文本流,客户端的浏览器在获取Ajax异步结果时,不是直接显示在页面上,而是要通过JS来进行处理,JS处理完以后才能显示在页面上。此处对应的JS处理就是在Ajax回调函数中执行window.location.href=path

在请求头信息中有这么一条:X-Requested-With: XMLHttpRequest,这就表明这是一个AJAX请求,我们可以通过这一信息来辨别请求是来自一般的HTTP请求还是Ajax请求。

原因:

X-Requested-With: XMLHttpRequest 表示是ajax的异步请求,而ajax的异步请求不能直接重定向,所以需要特殊处理一下

前端处理

  • 自己创建redirect.js,文件内容如下
javascript 复制代码
function  redirectHandle(xhr) {
    var url = xhr.getResponseHeader("redirectUrl");
    var enable = xhr.getResponseHeader("enableRedirect");
    
    if((enable == "true") && (url != "")){
        var win = window;
        while(win != win.top){
            win = win.top;
        }
        win.location.href = url;
    }
}

$(function () {
    $(document).ajaxComplete(function (event, xhr, settings) {
        console.log("ajaxComplete  adffdafadsaf")
        redirectHandle(xhr);
    })
})

在页面中引用该js
*

javascript 复制代码
<script src="/static/redirect.js"></script>

然后再次使用 ajax请求,就会自动走redirect.js中的重定向判断了
*

后端也要处理

  • 如果是前后端不分离项目,注意配置mvc静态资源路劲
javascript 复制代码
spring:
  mvc:
    static-path-pattern: /static/**    # 静态资源的请求还是会走过滤器、拦截器,然后直接返回该资源
  • 添加工具类

  • 使用RedirectUtil#redirect方法进行重定向处理

cs 复制代码
 public class RedirectUtil
    {
        public static void Redirect(HttpContextBase httpContext, string url)
        {
            //获取请求报文头信息(异步请求会包含这个头部信息)
            string header = httpContext.Request.Headers["X-Requested-With"].ToString();
            //判断请求客户端报文头(是否包含)
            if (string.Equals(header, "XMLHttpRequest"))
            {
                //用来验证用户是否登陆进行页面跳转
                //添加响应报文头,并发送至客户端
                SendRedirect(httpContext, url);
            }
            else
            {
                //对程序发生错误进行页面跳转
                //添加响应报文头,并发送至客户端
                SendRedirect(httpContext, url);
            }
        }

        /// <summary>
        /// 添加响应报文头
        /// </summary>
        /// <param name="filterContext"></param>
        /// <param name="url"></param>
        private static void SendRedirect(HttpContextBase httpContext, string url)
        {
            // 写入响应头,然后前端去判断  enableRedirect=true则进行跳转
            httpContext.Response.Headers.Add("redirectUrl", url);
            httpContext.Response.Headers.Add("enableRedirect", "true");
            httpContext.Response.End();
        }
    }

然后调用即可

相关推荐
Cyan_RA92 天前
SpringMVC @RequestMapping的使用演示和细节 详解
java·开发语言·后端·spring·mvc·ssm·springmvc
智商偏低4 天前
ASP.NET Core 中的简单授权
后端·asp.net
元亓亓亓4 天前
JavaWeb--day3--Ajax&Element&路由&打包部署
android·ajax·okhttp
周杰伦fans6 天前
.net core webapi/mvc阿里云服务器部署 - 错误解决
阿里云·mvc·.netcore
BFT白芙堂6 天前
GRASP 实验室研究 论文解读 | 机器人交互:基于神经网络引导变分推理的快速失配估计
人工智能·神经网络·机器学习·mvc·人机交互·科研教育机器人·具身智能平台
是萝卜干呀6 天前
IIS 部署 asp.net core 项目时,出现500.19、500.31问题的解决方案
后端·iis·asp.net·hosting bundle
William_cl6 天前
MVC 中 AJAX 与前后端交互深度实战(含独家避坑与场景化方案)
ajax·mvc·交互
Cyan_RA97 天前
SpringMVC 执行流程分析 详解(图解SpringMVC执行流程)
java·人工智能·后端·spring·mvc·ssm·springmvc
hello 早上好7 天前
Spring MVC 类型转换与参数绑定:从架构到实战
spring·架构·mvc
sanggou8 天前
License 集成 Spring Gateway:解决 WebFlux 非阻塞与 Spring MVC Servlet 阻塞兼容问题
spring·gateway·mvc