js在页面刷新或关闭之前对后台发送请求

最近项目需求：记录用户在当前页面停留的时间

这里用到了window的自带api：beforeunload

window.addEventListener('beforeunload', function(e) {let a = $.ajax({type:'get',url:'http://localhost:8088/',dataType:'json',data:{},success:function (data) {console.log(data)}})//这里会在刷新或者关闭页面的时候弹出弹框提示 可以用来查看接口请求状态// e.returnValue = ''  return a;})

这里点取消，然后打开f12，Network

显示请求成功

完成

我在网上也找了一些参考，说是必须要把ajax的异步请求改为同步，不知什么原因我改了之后发现请求没有发出去。在此记录一下。

js在页面刷新或关闭之前对后台发送请求相关推荐

onbeforeunload不触发_用js判断页面刷新或关闭的方法(onbeforeunload与onunload事件)
Onunload,onbeforeunload都是在刷新或关闭时调用,可以在 Onbeforeunload也是在页面刷新或关闭时调用,Onbeforeunload是正要去服务器读取新的页面时调用,此时 ...
JS 监控页面刷新,关闭事件的方法（转载）
JS 监控页面刷新,关闭事件的方法(转载) 已有 149 次阅读 2011-8-30 11:37 |个人分类:web|系统分类:创意设计|关键词:JS,刷新,关闭都是为了学习-- onbefore ...
js捕捉IE窗口失去焦点事件,判断离开页面刷新或关闭的方法
js捕捉IE窗口失去焦点事件,判断离开页面刷新或关闭的方法 javascript如何捕捉IE窗口失去焦点事件 window.onblur = function(e) { //you code }; 弹 ...
Vue中监听页面刷新和关闭beforeunload事件
代码在methods中定义事件方法,在mounted 生命周期钩子中绑定事件, 在destoryed钩子中卸载事件 mounted () {window.addEventListener('befo ...
vue项目中监听页面刷新和关闭
在实际开发项目中,有时候我们需要在刷新和关闭时,触发一些功能,那么如何监听到页面的刷新和关闭呢? 1. 在methods中定义事件方法: methods: {beforeunloadFn(e) {co ...
vue elementUI弹窗使用destroy-on-close后，关闭弹窗会重新发送请求
vue elementUI的el-dialog弹窗组件使用destroy-on-close属性后,关闭弹窗会重新发送请求. 所以改变了方式,没有用这个属性,直接用v-if来销毁的. <el-di ...
js(javascript)页面刷新
javascript refresh page 几种页面刷新的方法本节内容:Javascript刷新当前页面的方法与实例. window.location.reload(),window.histo ...
VUE监听页面刷新和关闭事件
背景:公司有一个数据看板,,需求是要统计看板有多少人看过,,每个人停留的曝光时间使用技术:目前使用的技术是后端Springboot 权限用的是SpringSecurity,前端页面是 Vue+El ...
Js控制页面刷新（局部刷新全页面刷新）
局部刷新: 这个方法就多了去了,常见的有以下几种: $.get方法,$.post方法,$.getJson方法,$.ajax方法如下前两种使用方法基本上一样 $.get("Default. ...

js在页面刷新或关闭之前对后台发送请求

js在页面刷新或关闭之前对后台发送请求相关推荐

最新文章

热门文章