监听微信浏览器页面关闭事件，解决onbeforeunload无效及ajax请求无法发出问题

1、onbeforeunload来监听用户离开，浏览器可以，但是在微信中无效。

window.onbeforeunload = ()=>{//通过ajax告诉后台，用户离开页面$.ajax({url:"http://****",type:'post',data:{},async:true,dataType:"json",....})
}

2、微信中并没有收到ajax数据，查询资料发现，微信浏览器监听离开事件需要使用pagehide事件

window.addEventListener('pagehide',()=>{$.ajax({url:"http://****",type:'post',data:{},async:true,dataType:"json",....})
})

3、但是仍然无效，为了确认是否是真的无效，还是ajax请求没有发出去，又在pagehide事件处理函数中，添加 localStorage.pagehide = true，然后在页面进入时判断是否有这个本地缓存，结果发现是有的，说明pagehide事件处理函数执行了，只是ajax没有发出去，将ajax请求由异步改为同步，即async 设为false，成功。

window.addEventListener('pagehide',()=>{$.ajax({url:"http://****",type:'post',data:{},async:false,dataType:"json",....})
})

注：文章来源于“珊瑚学院”

本文来自互联网用户投稿，文章观点仅代表作者本人，不代表本站立场，不承担相关法律责任。如若转载，请注明出处。 如若内容造成侵权/违法违规/事实不符，请点击【内容举报】进行投诉反馈！