重写 ajax 实现 session 超时跳转到登录页面实例代码-前端开发

这篇文章主要介绍了重写 ajax 实现 session 超时跳转到登录页面实例代码,需要的朋友可以参考下

问题：使用window.location.href来跳转页面的时候，后端只需实现一个过滤器就可以在session超时的情况下重定向到登陆页面。但是使用ajax呢？使用ajax来执行会发生302错误，并且页面不可能跳转。下面就针对这个问题来贴上我的前后端代码。

1、session过滤器


import java.io.IOException;
<p style="text-align: center"><img alt="ImltcG9ydCBqYXZheC5zZXJ2bGV0LkZpbHRlcjsNCmltcG9ydCBqYXZheC5zZXJ2bGV0LkZpbHRlckNoYWluOw0KaW1wb3J0IGphdmF4LnNlcnZsZXQuRmlsdGVyQ29uZmlnOw0KaW1wb3J0IGphdmF4LnNlcnZsZXQuU2VydmxldEV4Y2VwdGlvbjsNCmltcG9ydCBqYXZheC5zZXJ2bGV0LlNlcnZsZXRSZXF1ZXN0Ow0KaW1wb3J0IGphdmF4LnNlcnZsZXQuU2VydmxldFJlc3BvbnNlOw0KaW1wb3J0IGphdmF4LnNlcnZsZXQuaHR0cC5IdHRwU2VydmxldFJlcXVlc3Q7DQppbXBvcnQgamF2YXguc2VydmxldC5odHRwLkh0dHBTZXJ2bGV0UmVzcG9uc2U7DQppbXBvcnQgamF2YXguc2VydmxldC5odHRwLkh0dHBTZXNzaW9uOw0KJmx0O3Agc3R5bGU9"text-align: center"><img alt="InB1YmxpYyBjbGFzcyBTZXNzaW9uRmlsdGVyIGltcGxlbWVudHMgRmlsdGVyIHsNCiZsdDtwIHN0eWxlPQ=="text-align: center"><img alt="IiBwdWJsaWMgdm9pZCBkb0ZpbHRlcihTZXJ2bGV0UmVxdWVzdCByZXEsIFNlcnZsZXRSZXNwb25zZSByZXMsIEZpbHRlckNoYWluIGZpbHRlckNoYWluKQ0KICAgdGhyb3dzIElPRXhjZXB0aW9uLCBTZXJ2bGV0RXhjZXB0aW9uIHsNCiAgSHR0cFNlcnZsZXRSZXF1ZXN0IHJlcXVlc3QgPSAoSHR0cFNlcnZsZXRSZXF1ZXN0KSByZXE7DQogIEh0dHBTZXJ2bGV0UmVzcG9uc2UgcmVzcG9uc2UgPSAoSHR0cFNlcnZsZXRSZXNwb25zZSkgcmVzOw0KJmx0O3Agc3R5bGU9"text-align: center"><img alt="IiAgU3RyaW5nIHJlcXVlc3RVcmkgPSByZXF1ZXN0LmdldFJlcXVlc3RVUkkoKTsNCiZsdDtwIHN0eWxlPQ=="text-align: center"><img alt="IiAgaWYgKHJlcXVlc3RVcmkuaW5kZXhPZig="/login.html") > 0 || requestUri.indexOf("/system/login") > 0) {
   return ;
  }
<p style="text-align: center"><img alt="IiAgSHR0cFNlc3Npb24gc2Vzc2lvbiA9IHJlcXVlc3QuZ2V0U2Vzc2lvbihmYWxzZSk7DQombHQ7cCBzdHlsZT0="text-align: center"><img alt="IiAgaWYgKHNlc3Npb24gPT0gbnVsbCkgew0KICAgLy8g5aaC5p6c5pivc2Vzc2lvbui2heaXtu+8jOWcqOatpOWkhOWBmuWkhOeQhuOAgg0KICAgcmVzcG9uc2Uuc2VuZFJlZGlyZWN0KHJlcXVlc3QuZ2V0Q29udGV4dFBhdGgoKSArIA=="/login.html");
   return ;
  }
  try {
   filterChain.doFilter(request, response);
  } catch (Exception e) {
   e.printStackTrace();
  }
  return ;
 }
}

2、web.xml添加配置：


<filter>
  <filter-name>sessionFilter</filter-name>
  <filter-class>com.manager.filter.SessionFilter</filter-class>
</filter>
<filter-mapping>
  <filter-name>sessionFilter</filter-name>
  <url-pattern>/manager/*</url-pattern>
</filter-mapping>

*3、重写ajax

注意：此段代码放在index页


jQuery(function($){
   var _ajax=$.ajax;
   $.ajax=function(opt){
    var _success = opt && opt.success || function(a, b){};
    var _opt = $.extend(opt, {
     success:function(data, textStatus){
      _success(data, textStatus); 
     },
     error:function(XMLHttpRequest, textStatus, errorThrown){
      //alert(XMLHttpRequest.responseText);
      //如果请求发生错误，会返回登陆页面源代码，如果源代码里面存在lovnx这个字符串，前端就重定向到登陆页面
      var reData = XMLHttpRequest.responseText + "";
      if(reData.indexOf('lovnx') != -1) {
       window.location.href="/manager/login.html" rel="external nofollow" ;
       return;
      }
     }
    });
    return _ajax(_opt);
   };
  });

4、登陆页面添加代码