DWZ-Java架構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!"}