이번에는 ajax를 사용하여 세션 시간 초과 후 로그인 페이지로 이동하는 방법과 ajax를 사용하여 세션 시간 초과 후 로그인 페이지로 이동하는 방법에 대한 몇 가지 Notes를 가져오겠습니다. 다음은 실제 사례입니다. .
문제: window.location.href를 사용하여 페이지로 이동할 때 백엔드는 세션 시간이 초과될 때 로그인 페이지로 리디렉션하기 위해 filter만 구현하면 됩니다. 하지만 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('lovnx') != -1) { window.location.href="/manager/login.html" rel="external nofollow" ; return; } } }); return _ajax(_opt); }; });
4에 있습니다. 로그인 페이지에 코드를 추가하세요
<input type="hidden" value="lovnx">
이 기사의 사례를 읽으신 후 방법을 마스터하셨다고 생각합니다. 더 흥미로운 정보를 보려면 PHP 중국어 웹사이트의 다른 관련 기사를 주목하세요!
추천 자료:
Ajax는 파일 업로드 진행률 표시줄을 어떻게 구현합니까? Codular
Ajax 기반 formData 이미지 및 데이터 업로드 rue 구현
위 내용은 세션 시간 초과 후 ajax를 사용하여 로그인 페이지로 이동의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!