Ajax请求session超时处理流程(DWZ)

名人名言:问题不在于告诉他一个真理,而在于教他怎样去发现真理。——卢梭 

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!"}

你可能感兴趣的:(Ajax请求session超时处理流程(DWZ))