ホームページ > 記事 > ウェブフロントエンド > Ajax を書き換えてセッション タイムアウトを実装し、ログイン ページのサンプル コードにジャンプする
この記事では、セッションタイムアウトを実装してログインページにジャンプするためにajaxを書き換える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に設定を追加します:
*3. ×
注: この場所インデックス ページのコード
<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>
4. ログイン ページにコードを追加します
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); }; });
上記は、セッション タイムアウト ジャンプを実装するための Ajax の書き換えに関するエディターの紹介です。ログインページのサンプルコードが皆さんのお役に立てれば幸いです。 !
関連する推奨事項:
ajax fileupload 非同期アップロード プラグインの詳細な説明
Ajax と PHP セッション作成のショッピング カートの例
以上がAjax を書き換えてセッション タイムアウトを実装し、ログイン ページのサンプル コードにジャンプするの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。