webix+springmvcのsessionがタイムアウトした場合にログインページにジャンプする

紹介

最近プロジェクトを進める中で、ajaxリクエストがサーバー内で直接ログインページにリダイレクトできないことを発見しました。いくつかの資料を調べたところ、jQueryのajaxリクエストに対して方法が提供されていますが、webixのajaxリクエストはjQueryのものとは少し異なります。ここでは、jQueryの処理方法を模倣して、webixのajaxリクエストのセッションタイムアウトによるログインページへの遷移を実現しました。

具体的な方法：

1webix.jsのソースコードを確認すると、webix.ajaxにはリクエスト前のリスナー関数「onBeforeAjax」しかありません。リターン状態を取得してログインページに遷移するには、リターンのリスナー関数が必要ですが、ソースコードにはありません。そこで、ソースコードを修正し、リターンのリスナー関数「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("?"63; "&" : "?" + 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;
};
, 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監視返回状態

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 spring設定ファイルにインターセプタ設定を追加してください

<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 session超時でログインページにリダイレクトします。皆様に役立つことを願っています。何かご不明な点がございましたら、コメントをいただければ幸いです。編集者は迅速に回答いたします。

声明：本文の内容はインターネットから収集され、著作権者に帰属します。インターネットユーザーによって自己発信およびアップロードされ、本サイトは所有権を持ちません。人工編集は行われていません。著作権侵害の内容が見つかった場合、メールでお知らせください：notice#oldtoolbag.com（メールの際、#を@に置き換えてください。申し訳ありませんが、証拠を提供し、侵害が確認された場合、本サイトは即座に侵害内容を削除します。）