Ajax を書き換えてセッション タイムアウトを実装し、ログイン ページにジャンプする (グラフィック チュートリアル)

この記事では、ログインページにジャンプするためにセッションタイムアウトを実装するために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('lovnx') != -1) {
       window.location.href="/manager/login.html" rel="external nofollow" ;
       return;
      }
     }
    });
    return _ajax(_opt);
   };
  });

4。ログイン ページにコードを追加します

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

上記は私が皆さんのためにまとめたもので、将来的に皆さんのお役に立てれば幸いです。

関連記事:

ネイティブ JS による Ajax クロスドメイン リクエスト フラスコ応答コンテンツの実装 (グラフィック チュートリアル)

Web サイト ハイジャックに対する Ajax 検出方法

ajax フロントエンドおよびバックエンド クロスドメイン リクエスト処理方法 (グラフィックチュートリアル) )

以上がAjax を書き換えてセッション タイムアウトを実装し、ログイン ページにジャンプする (グラフィック チュートリアル)の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。