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

最近有个需求，统计页面用户停留事件，开始时间比较好做，但是离开时间这里遇到些问题。

最初使用onbeforeunload来监听用户离开，浏览器可以，但是在微信中无效。window.onbeforeunload = ()=>{

//通过ajax告诉后台，用户离开页面

$.ajax({

url:"http://****",

type:'post',

data:{},

async:true,

dataType:"json",

....

})

}

微信中并没有收到ajax数据，查询资料发现，微信浏览器监听离开事件需要使用pagehide事件window.addEventListener('pagehide',()=>{

$.ajax({

url:"http://****",

type:'post',

data:{},

async:true,

dataType:"json",

....

})

})

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

$.ajax({

url:"http://****",

type:'post',

data:{},

async:false,

dataType:"json",

....

})

})