DWZ(JUI) 教程 Ajax請求session逾時處理流程

     1）SessionValidateFilter統一驗證session是否逾時
    2）SessionValidateFilter中判斷請求是否為ajax請求
    3）ajax請求session逾時返回一個json {"statusCode":"301", "message":"Session Timeout! Please re-sign in!"}

    4）dwz js架構根據statusCode==301,處理是跳轉到登陸頁面或者彈出登入dialog

   java伺服器端處理：
    SessionValidateFilter中修改：

   

if ("XMLHttpRequest".equalsIgnoreCase(request.getHeader("X-Requested-With")) || request.getParameter("ajax") != null) {PrintWriter out = response.getWriter();out.println({"statusCode":"301", "message":"Session Timeout! Please re-sign in!"});} else {response.sendRedirect(response.encodeRedirectURL(this.loginUrl + java.net.URLEncoder.encode(backToUrl, "UTF-8")));}

js用戶端處理：

session逾時跳轉到登陸頁面還是彈出登入dialog，在DWZ UI初始化時設定：

 

<script type="text/javascript">$(function(){DWZ.init("dwz.frag.xml", {// loginUrl:"loginsub.html", loginTitle:"登入", // 彈出登入對話方塊loginUrl:"login.html", // 跳到登入頁面statusCode:{ok:200, error:300, timeout:301}, //【可選】pageInfo:{pageNum:"pageNum", numPerPage:"numPerPage", orderField:"orderField", orderDirection:"orderDirection"}, //【可選】debug:false, // 偵錯模式 【true|false】callback:function(){initEnv();$("#themeList").theme({themeBase:"themes"});}});});</script>

ajax load頁面片段處理：

    ajax請求統一使用dwz的loadUrl()方法，不能使用jquery內建的load()．
    當用戶端調用loadUrl()並且session逾時了，跳轉到登陸頁面或者彈出登入dialog。
    session逾時彈出登入dialog注意事項：
        用一個帶屏蔽層的dialog覆蓋的整個瀏覽器．這時瀏覽器視窗內容不能變，只是上面加了一個登入框和一個背景層。
        當使用者輸入username and password登入成功後，去掉登入框和背景層．這時使用者可以繼續操作．
        登入失敗alert出錯資訊，瀏覽器視窗內容還是不變．
    參考dwz.core.js程式碼片段

loadUrl: function(url,data,callback){var $this = $(this);$.ajax({type: 'POST',url: url,cache: false,data: data,success: function(response){var json = DWZ.jsonEval(response);if (json.statusCode==DWZ.statusCode.timeout){alertMsg.error(DWZ.msg("sessionTimout"), {okCall:function(){DWZ.loadLogin();}});} if (json.statusCode==DWZ.statusCode.error){if (json.message) alertMsg.error(json.message);} else {$this.html(response).initUI();if ($.isFunction(callback)) callback(response);}},error: DWZ.ajaxError});}

ajax post 表單資料處理：
   
    當用戶端ajax提交表單超原理同ajax load
    參考dwz.core.js程式碼片段

ajaxDone:function (json){        if(json.statusCode == DWZ.statusCode.error) {            if(json.message && alertMsg) alertMsg.error(json.message);        } else if (json.statusCode == DWZ.statusCode.timeout) {            if(json.message && alertMsg) alertMsg.error(json.message, {okCall:DWZ.loadLogin});            else DWZ.loadLogin();        } else {            if(json.message && alertMsg) alertMsg.correct(json.message);        };    }

注意事項：
    ajax請求session逾時伺服器端返回一個json就可以了，其他的就交給dwz js架構來處理，伺服器端只要做到ajax請求session逾時返回如下json就可以了:

{"statusCode":"301", "message":"Session Timeout! Please re-sign in!"}