JS+Ajax+Servlet:记录页面访问时间

1.前端JS记录页面访问时间

　　1.1JQuery版本：

        <script type="text/javascript" src="js/jquery.min.js"></script>
        <script language=JavaScript>
            $(document).ready(function() {
                var vTimeStart;
                var vTimeEnd;
                var vTimeVisit;

                // 进入页面：记录时间
                vTimeStart = new Date();

                $(window).bind("beforeunload", function() {
                    vTimeEnd = new Date();
                    vTimeVisit = vTimeEnd.getSeconds() - vTimeStart.getSeconds();

                    alert(vTimeVisit);

                    // 恶心的360必须有返回值，否则不执行
                    event.returnValue = "访问用时：" + vTimeVisit + "秒";
                    //                    return vTimeVisit +'';
                });
            });
        </script>

　　1.2纯JsvaScript版本：

        <script language=JavaScript>
            var vTimeStart;
            var vTimeEnd;
            var vTimeVisit;

            window.onload = function() {
                // 进入页面：记录时间
                vTimeStart = new Date();
            }
            window.onbeforeunload = function() {

                vTimeEnd = new Date();
                vTimeVisit = vTimeEnd.getSeconds() - vTimeStart.getSeconds();
                // 恶心的360必须有返回值，否则不执行
                event.returnValue = "访问用时：" + vTimeVisit + "秒";
                //                    return vTimeVisit +'';
            }
        </script>

2.Ajax将页面访问时间发送给服务器（JQuery版本）

回调函数不需要，360的返回值也不需要，因为只要服务器有反应就行了

<script type="text/javascript" src="js/jquery.min.js"></script>
<script language=JavaScript>
    $(document).ready(function() {
        var vTimeStart;
        var vTimeEnd;
        var vTimeVisit;

        // 进入页面：记录时间
        vTimeStart = new Date();

        $(window).bind("beforeunload", function() {
            vTimeEnd = new Date();
            vTimeVisit = vTimeEnd.getSeconds() - vTimeStart.getSeconds();

            // 将用户行为发送给服务器
            $.post("ConductCollectServlet", {
                visittime : vTimeVisit,
            });
        });
    });
</script>

服务器端新建ConductCollectServlet.java

    public void doPost(HttpServletRequest request, HttpServletResponse response)
            throws ServletException, IOException {
        System.out.println("收集Servlet:Post");
        // 页面访问时间
        String strVisitTime =request.getParameter("visittime");
        System.out.println(strVisitTime);
    }