JS Ajax请求会话过期处理问题解决方法分析

更新时间：2019年11月16日 12:01:15 作者：lovebread

这篇文章主要介绍了JS Ajax请求会话过期处理问题解决方法,结合实例形式简单分析了ajax请求会话过期处理的相关原理、解决方法及操作注意事项,需要的朋友可以参考下

本文实例讲述了JS Ajax请求会话过期处理问题解决方法。分享给大家供大家参考，具体如下：

对于页面来说，处理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";
  }
});

更多关于JavaScript相关内容感兴趣的读者可查看本站专题：《JavaScript中ajax操作技巧总结》、《JavaScript错误与调试技巧总结》、《JavaScript数据结构与算法技巧总结》、《JavaScript遍历算法与技巧总结》及《JavaScript数学运算用法总结》

希望本文所述对大家JavaScript程序设计有所帮助。

您可能感兴趣的文章:

Raphael带文本标签可拖动的图形实现代码
Javascript和Raphael顺便学习了一下,主要是为了实现一个可拖动的矩形同时矩形上还得显示标签，网上关于这方面的知识提的很是于是本人自不量力写了一下，感兴趣的你可不要错过了哈，希望可以帮助到你
2013-02-02
JavaScript高级程序设计读书笔记之十一内置对象Global
由ECMAScript实现提供的、独立于宿主环境的所有对象，在ECMAScript程序开始执行时出现
2012-03-03
一个类似vbscript的round函数的javascript函数
同vbscript的Round函数功能相同，四舍五入保留指定小数位数
2009-04-04
toString()一个会自动调用的方法
toString方法的作用是不用多说的了，这个JavaScript内置方法还有一个特性是：在执行一些特殊方法的时候，比如alert或innerHTML等方法，它将由脚本解析器自动调用。
2010-02-02
Bootstrap Table使用整理（三）
这篇文章主要介绍了Bootstrap Table使用整理（三）的相关资料,需要的朋友可以参考下
2017-06-06
JavaScript实现网页留言板功能
这篇文章主要为大家详细介绍了JavaScript实现网页留言板功能，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
2020-11-11
js实现简单的二级联动效果
本文主要介绍了js实现简单的二级联动效果的实例，具有很好的参考价值。下面跟着小编一起来看下吧
2017-03-03
JS实现表格数据各种搜索功能的方法
这篇文章主要介绍了JS实现表格数据各种搜索功能的方法,可实现忽略大小写,模糊搜索,多关键搜索等功能,具有一定参考借鉴价值,需要的朋友可以参考下
2015-03-03
如何利用JS将手机号中间四位变成*号
这篇文章主要介绍了如何利用JS将手机号中间四位变成*号,本文给大家介绍的非常详细，对大家的学习或工作具有一定的参考借鉴价值，需要的朋友可以参考下
2020-09-09
Echarts横向堆叠柱状图和markLine实例详解
一些柱形图在数据量比较多的时候,横向排列受到挤压,导致柱形图,变的非常细,影响整体的效果,所以应该将柱形图堆叠起来,这样就会好很多,下面这篇文章主要给大家介绍了关于Echarts横向堆叠柱状图和markLine的相关资料,需要的朋友可以参考下
2022-06-06

JS Ajax请求会话过期处理问题解决方法分析

相关文章

最新评论

大家感兴趣的内容

最近更新的内容

常用在线小工具