[JS] Ajax请求会话过期处理

亦凉 2022-01-08 01:07 686阅读 0赞

对于页面来说，处理session过期比较简单，一般只需在过滤器里面判断session用户是否存在，不存在则跳转页面到登陆页即可。

对于Ajax请求来说，这个办法则无效，只能获取到登录页的html代码。原因在于Ajax请求是XMLHTTPRequest对象发起的而不是浏览器，而服务器返回的信息接收者也是XMLHTTPRequest，非浏览器。

**解决办法：**

服务器端

可在返回的ResponseHeader里添加一个标识变量，以便在Javascript里处理。以Java为例，可在过滤器里进行如下处理：

try {
        // Ajax请求会话过期处理
        String requestType = request.getHeader("X-Requested-With");
        if (StringUtils.isNotEmpty(requestType) && requestType.equalsIgnoreCase("XMLHttpRequest")) {
            response.setHeader("SessionStatus", "sessionTimeOut");
            requestContext.abortWith(Response.status(401).build());
            return;
        }
        // 处理页面跳转
        requestContext.abortWith(Response.accepted().build());
        response.sendRedirect(loginPath);
    } catch (IOException ex) {
        //do nothing
    }

Javascript端

可通过JQuery的ajaxComplete方法进行处理，判断发送请求时是否会话已过期。

/**
     * ajax请求判断会话是否已过期
     */
    $(document).ajaxError(function (event, jqXHR, options, errorMsg) {
        var sessionStatus = jqXHR.getResponseHeader('SessionStatus');
        if (sessionStatus && sessionStatus === 'sessionTimeOut') {
            alert("您的会话已过期，请重新登录");
            location.href = "login";
        }
    });

转载于:https://www.cnblogs.com/lovebread/p/5048411.html

发表评论取消回复

表情：

评论列表（有 0 条评论，686人围观）

还没有评论，来说两句吧...

相关阅读

相关 Ajax请求超时处理

超时处理 <!DOCTYPE html> <html> <head lang="en"> <meta charset="utf-8">

￡神魔★判官ぃ/ 2023年10月05日 15:49/ 0 赞/ 102 阅读

相关 Ajax (4) ---处理请求

上一篇文中说到请求返回的消息，可以是字符串也可以是对象，返回的字符串我们可以使用弹出框的形式将所有内容显示出来，但是还没有加工处理。下面将详细说明如何取出对象中有效信息。

矫情吗；*/ 2022年09月18日 14:48/ 0 赞/ 241 阅读

相关 SpringMVC处理ajax请求

由于之前我写过几篇关于如何搭建SpringMVC项目的日志，故在本文中不在写各种配置怎么写。只写涉及到处理ajax请求的代码。如果有想了解SpringMVC项目怎么搭建的朋友，

桃扇骨/ 2022年09月18日 11:48/ 0 赞/ 245 阅读

相关 springmvc处理ajax请求

springmvc与ajax的交互在实际开发中十分常见，以下是对springmvc与ajax交互时参数的传递与接收做的一些整理 jsp页面： <form id="l

刺骨的言语ヽ痛彻心扉/ 2022年05月13日 15:00/ 0 赞/ 299 阅读

相关原生JS Ajax请求

传统方法的缺点: 传统的web交互是用户触发一个http请求服务器,然后服务器收到之后,在做出响应到用户,并且返回一个新的页面,每当服务器处理客户端提交的请求时,客户都只能

ゝ一纸荒年。/ 2022年05月11日 09:20/ 0 赞/ 320 阅读

相关 [JS] Ajax请求会话过期处理

对于页面来说，处理session过期比较简单，一般只需在过滤器里面判断session用户是否存在，不存在则跳转页面到登陆页即可。对于Ajax请求来说，这个办法则无效，只能获

亦凉/ 2022年01月08日 01:07/ 0 赞/ 687 阅读

相关原生js封装ajax请求

一个完整的ajax请求封装，适用场景： 1. get 请求 2. post请求 3. 表单提交方式 4. 表单上传文件 function ajax(opti

向右看齐/ 2021年12月14日 06:29/ 0 赞/ 464 阅读

相关 Ajax同步异步请求-Js函数使用ajax请求

1. 这个ajax请求则为同步请求，在JS函数中在没有返回值之前，是不会返回ajax请求回调后要为返回值设置的值，而且是直接返回js函数返回值的初始值。 2. 如果asyn

青旅半醒/ 2021年11月23日 00:16/ 0 赞/ 489 阅读

相关 AJAX 异步请求处理

AJAX = Asynchronous JavaScript and XML（异步的 JavaScript 和 XML）。 AJAX 不是新的编程语言，而是一种使用现有标准的

妖狐艹你老母/ 2021年09月15日 07:26/ 0 赞/ 582 阅读

相关 shiro 拦截器实现session过期拦截ajax请求的处理

截器代码： package com.xlqh.outlook.shirofilter; import java.io.IOException; ...

朱雀/ 2020年10月18日 07:11/ 0 赞/ 1300 阅读