JS+Ajax+Servlet:记录页面访问时间
2017-03-05 10:36
302 查看
1.前端JS记录页面访问时间
1.1JQuery版本:
1.2纯JsvaScript版本:
2.Ajax将页面访问时间发送给服务器(JQuery版本)
回调函数不需要,360的返回值也不需要,因为只要服务器有反应就行了
服务器端新建ConductCollectServlet.java
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); }
相关文章推荐
- Ajax处理XML,XMLHttpRequest对象的创建和访问servlet并返回xml数据到页面展示
- 前台页面通过JS调用Servlet访问到后台类
- Ajax、JS 前台页面访问后台出现乱码问题
- servlet学习笔记---Cookie记录上次访问时间和访问次数
- 跨域将.net 工程嵌入别的系统页面中发生的js、ajax的拒绝访问的错误
- jquery记录用户访问页面停留时间
- ajax简单实例(js内产生xmlHttpRequest,它和servlet交互返回xml显示在页面)
- 记录问题:ajax局部刷新页面,导致js事件失效
- jquery记录页面访问停留时间
- 前台页面通过JS调用Servlet访问到后台类
- 前台页面通过JS调用Servlet访问到后台类
- 用js计算页面执行时间的函数
- 解决ajax加载的页面js无法找到的问题
- 用js实现页面显示当前日期和时间的代码
- 基于对象的JavaScript实现无刷新页面发送和获取数据Ajax.js
- 自动记录、显示页面更新时间
- 页面前台通过JS访问WEB SERVICES,以及如何处理返回结果.
- 记录js访问vc
- Servlet学习笔记(三)-----用HTML页面访问Servlet
- js计算页面执行时间