Ajax实现页面无操作自动退出操作

前端之家收集整理的这篇文章主要介绍了Ajax实现页面无操作自动退出操作前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

当我们在浏览网站时,在一定时间在当前网站无任何操作,使用Ajax实现自动退出功能

分析需求,用户无操作退出。如何友好的提示提示用户?如何做判定用户在一定时间没有任何操作?在js中我们可以通过鼠标按下移动事件,键盘事件等来进行判定。

<!-- 判断用户一段时间有无操作,若没有自动退出 -->
<script type="text/javascript">
    var maxTime = 600; // seconds
    var time = maxTime;
    $('body').on('keydown mousemove',function(e){
        time = maxTime; // reset
    });
    var intervalId = setInterval(function(){
        time--;
        if(time <= 0) {
            logout();
            clearInterval(intervalId);
        }
    },1000)
    function logout(){ //无效的登录信息 退出登录
     var out = 1; //设置一个虚拟值 发送ajax 请求logout方法
      $.ajax({  
	      url:"{:url('Login/logout')}",//发送Ajax请求
	      type:"post",data:{out:out},cache: false,processData: false,contentType: false,success:function(response){  
	            if(response.returnCode == 0){
	           	  layer.open({  
	              content: '登录超时 (600 秒未活动),请重新登录。',btn: ['确认'],yes: function(index,layero) {  
	                  window.location.href="{:url('Login/login')}";  
	                },});
	      }
	      },});
   }
</script>
这段js代码只需要写在你引用的公共模板里面就能实现判断。使用JS比较与PHP端进行判定对于用户来讲更加友好一点

猜你在找的Ajax相关文章