>웹 프론트엔드 >JS 튜토리얼 >세션 시간 초과를 구현하고 로그인 페이지로 이동하도록 Ajax를 다시 작성합니다(그래픽 튜토리얼).

세션 시간 초과를 구현하고 로그인 페이지로 이동하도록 Ajax를 다시 작성합니다(그래픽 튜토리얼).

亚连
亚连원래의
2018-05-22 15:38:241237검색

이 글에서는 로그인 페이지로 점프하기 위해 세션 타임아웃을 구현하기 위해 ajax를 다시 작성하는 예제 코드를 주로 소개합니다. 필요한 친구는 참고하면 됩니다.

질문: window.location.href를 사용하여 페이지로 점프할 때 백엔드만 해당됩니다. 하나를 구현해야 합니다. 세션 시간이 초과되면 필터는 로그인 페이지로 리디렉션될 수 있습니다. 하지만 Ajax를 사용하는 것은 어떻습니까? ajax를 사용하여 실행하면 302 오류가 발생하고 페이지로 이동할 수 없습니다. 아래에는 이 문제를 해결하기 위한 프런트엔드 및 백엔드 코드를 게시하겠습니다.

1. 세션 필터

import java.io.IOException;
<p style="text-align: center"><img alt=""import javax.servlet.Filter;
import javax.servlet.FilterChain;
import javax.servlet.FilterConfig;
import javax.servlet.ServletException;
import javax.servlet.ServletRequest;
import javax.servlet.ServletResponse;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
import javax.servlet.http.HttpSession;
<p style="text-align: center"><img alt=""public class SessionFilter implements Filter {
<p style="text-align: center"><img alt="" public void doFilter(ServletRequest req, ServletResponse res, FilterChain filterChain)
   throws IOException, ServletException {
  HttpServletRequest request = (HttpServletRequest) req;
  HttpServletResponse response = (HttpServletResponse) res;
<p style="text-align: center"><img alt=""  String requestUri = request.getRequestURI();
<p style="text-align: center"><img alt=""  if (requestUri.indexOf("/login.html") > 0 || requestUri.indexOf("/system/login") > 0) {
   return ;
  }
<p style="text-align: center"><img alt=""  HttpSession session = request.getSession(false);
<p style="text-align: center"><img alt=""  if (session == null) {
   // 如果是session超时,在此处做处理。
   response.sendRedirect(request.getContextPath() + "/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

재작성: 이 코드는 인덱스 페이지

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(&#39;lovnx&#39;) != -1) {
       window.location.href="/manager/login.html" rel="external nofollow" ;
       return;
      }
     }
    });
    return _ajax(_opt);
   };
  });

4에 있습니다. 로그인 페이지에 코드를 추가하세요

<input type="hidden" value="lovnx">

위 내용은 제가 모든 사람을 위해 정리한 내용입니다. 앞으로 모든 사람에게 도움이 되기를 바랍니다.

관련 기사:

Native JS는 Ajax 도메인 간 요청 플라스크 응답 콘텐츠(그래픽 튜토리얼)를 구현합니다.

웹 사이트 하이재킹을 위한 Ajax 감지 방법

ajax 프런트엔드 및 백엔드 크로스 도메인 요청 처리 방법( 그래픽 튜토리얼) )

위 내용은 세션 시간 초과를 구현하고 로그인 페이지로 이동하도록 Ajax를 다시 작성합니다(그래픽 튜토리얼).의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.