ホームページ > 記事 > ウェブフロントエンド > webix+springmvc セッションタイムアウトによりログインページにジャンプします
はじめに
最近、あるプロジェクトに取り組んでいたところ、Ajax リクエストをサーバーのログイン ページに直接リダイレクトできないことがわかりました。いくつかの情報を確認したところ、誰かがjqueryのajaxリクエストのメソッドを提供していることがわかりました。ただし、webix の ajax リクエストと jquery のリクエストの間にはいくつかの違いがあります。これは、jquery の処理メソッドを模倣して、webix の ajax リクエスト セッション タイムアウト ジャンプを実装します。
具体的なアプローチ:
1. webix.js ソース コードを確認し、webix.ajax にはリクエスト前リスニング関数「onBeforeAjax」のみがあることを確認します。戻りステータスを取得してログイン ページにジャンプするには、 listen 関数が返されましたが、ソース コード No.そこでソースコードを修正し、返されるリスニング関数「onAfterAjax」を追加しました。
赤枠部分が私が追加したコードです。ajaxの完了を検知すると、自動的に「onAfterAjax」が実行されます。 (コードの場所は webix.js で検索できます。条件は「onBeforeAjax」で、対応する場所に赤いコードを追加するだけです
if (webix.callEvent("onBeforeAjax", [s, t, e, a, o, null, r])) { var h = !1; if ("GET" !== s) { var l = !1; for (var c in o)"content-type" == c.toString().toLowerCase() && (l = !0, "application/json" == o[c] && (h = !0)); l || (o["Content-Type"] = "application/x-www-form-urlencoded") } if ("object" == typeof e)if (h)e = this.stringify(e); else { var u = []; for (var d in e) { var f = e[d]; (null === f || f === webix.undefined) && (f = ""), "object" == typeof f && (f = this.stringify(f)), u.push(d + "=" + encodeURIComponent(f)) } e = u.join("&") } e && "GET" === s && (t = t + (-1 != t.indexOf("?") ? "&" : "?") + e, e = null), a.open(s, t, !this.H); var b = this.Tw; b && (a.responseType = b); for (var c in o)a.setRequestHeader(c, o[c]); var x = this; return this.master = this.master || n, a.onreadystatechange = function () { if (!a.readyState || 4 == a.readyState) { if (webix.callEvent("onAfterAjax", [a]) === !1) { return false; }; if (webix.ajax.count++, i && x && !a.aborted) { if (-1 != webix.ly.find(a))return webix.ly.remove(a); var t, e, s = x.master || x, r = a.status >= 400 || 0 === a.status; "blob" == a.responseType || "arraybuffer" == a.responseType ? (t = "", e = a.response) : (t = a.responseText || "", e = x.J(a)), webix.ajax.$callback(s, i, t, e, a, r) } x && (x.master = null), i = x = n = null } }, this.qh && (a.timeout = this.qh), this.H ? a.send(e || null) : setTimeout(function () { a.aborted || (-1 != webix.ly.find(a) ? webix.ly.remove(a) : a.send(e || null)); }, 1), this.master && this.master.Ve && this.master.Ve.push(a), this.H ? a : r }
2。webix.ajx リクエストには明らかな記号がなく、ロゴが付いています。 jquery.ajax の x-requested-with なので、ロゴ requestFlag="webix" を与えることをシミュレートし (独自の設定を設定できます)、それを "onBeforeAjax" で設定します
webix.attachEvent("onBeforeAjax",function(s, t, e, a, o){o["requestFlag"]="webix"})
3. 戻り値を監視しますstatus
webix.attachEvent("onAfterAjax",function(xhr){if(xhr.getResponseHeader("sessionstatus")=='timeout'){window.location.href='/webix/login.html'}});
4. バックエンドコード
4.1 インターセプターコード
package com.ljx.filter; import javax.servlet.http.HttpServletRequest; import javax.servlet.http.HttpServletResponse; import org.springframework.web.servlet.HandlerInterceptor; import org.springframework.web.servlet.ModelAndView; public class UserInterceptor implements HandlerInterceptor { @Override public void afterCompletion(HttpServletRequest arg0, HttpServletResponse arg1, Object arg2, Exception arg3) throws Exception { } @Override public void postHandle(HttpServletRequest arg0, HttpServletResponse response, Object arg2, ModelAndView arg3) throws Exception { response.sendRedirect("/webix/login.html"); } @Override public boolean preHandle(HttpServletRequest request, HttpServletResponse response, Object handler) throws Exception { Object obj = request.getSession().getAttribute("LOGIN"); if (null == obj) { // 未登录 if (request.getHeader("requestFlag") != null && request.getHeader("requestFlag").equalsIgnoreCase( "webix")) { // 如果是ajax请求响应头会有,requestFlag response.setHeader("sessionstatus", "timeout");// 在响应头设置session状态 } else { response.sendRedirect(request.getContextPath() + "/login"); } return false; } return true; } }
4.2 スプリング設定ファイルにインターセプター設定を追加します
<mvc:interceptors> <mvc:interceptor> <mvc:mapping path="/mvc/*" /> <bean class="com.ljx.filter.UserInterceptor"></bean> </mvc:interceptor> </mvc:interceptors>
4. 3 F12 コンソールで webix.ajax の効果を確認します実行
webix.ajax().get("/webix/mvc/login.action")
上記は、編集者がログインページにジャンプするための webix+springmvc セッションタイムアウトを紹介しています。ご質問があれば、編集者が私にメッセージを残してください。時間内にご返信ください。
webix+springmvc セッション タイムアウトの詳細については、PHP 中国語 Web サイトを参照してください。