语法:

navigator.sendBeacon(url, data);

返回值:

当用户代理成功把数据加入传输队列时,sendBeacon() 方法将会返回 true,否则返回 false

代码:

 window.addEventListener("beforeunload", (e) => {const data = {name: "我是豆豆"};window.navigator.sendBeacon("http://127.0.0.1:1991/loginout", JSON.stringify(data));
});

不管是刷新页面还是关闭页面,后台都能接收到前端发送过来的请求,完美实现需求。

关闭页面时向后台发送消息相关推荐

  1. 你知道关闭页面时怎么向后台发送消息吗?

    需求 这两天碰到一个需求:在用户刷新页面或者关闭页面的时候,前端要给后台发一条请求,释放该页面的授权占用. 分析了一下,这不就是在页面卸载时发请求嘛,三下五除二就实现一版: window.addEve ...

  2. session 安全问题(关闭页面时自动清除session)

    要是直接关闭浏览器,并不直接触发SESION_ONEND事件,因此为了安全的需要,就需要调用页面关闭触发的事件onUnload ,利用这个事件来执行一个函数.在函数中调用session.abandon ...

  3. js 关闭页面时弹框提醒

    关闭页面时弹框提醒 在做vue项目时一个可编辑的详情页面需要在离开它的时候,根据页面是否改动的情况来判断是否要离开页面,一开始我只是在beforeRouteLeave里面调用的==window.con ...

  4. 关闭页面时执行“退出”的解决方案

    在有些应用中我们需要实时的更新站点用户是否在线的状态.比如一些论坛里的在线成员实时显示,或基于网页的聊天.会议系统等.这种情况下,如果用户点击"退出"按钮或链接,我们将之行一系列后 ...

  5. JavaScript的onunload()方法在关闭页面时不执行

    以下仅确定适用于IE11. 解决办法:将onunload()方法换为onbeforeunload(). <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML ...

  6. 一个按键精灵后台发送消息的脚本

    以前,我也用过按键精灵写过一些脚本,那时候经常用这个来挂机FB什么的. 那天,某网友问起,于是就回答了下 无非就是,抓句柄,然后相对定位坐标或者发送消息到固定窗体 代码如下: 1 //抓窗口句柄// ...

  7. Taro关闭页面时停止计时器

    1.在data中定义Loadingtime:'' constructor () {super(...arguments)this.state = {djsTime:3, // 倒计时时间Loading ...

  8. 页面上传图片只能通过表单完成,且页面端向服务器端发送消息除了ajax外基本通过表单;通过JavaScript ajax代码只能post到服务器json与xml;...

    见标题 转载于:https://www.cnblogs.com/donlxn/archive/2012/07/11/2586691.html

  9. vue关闭页面时停止计数器

    vue启动停止setInterval data () {return {clearTimeSet:null,} }, mounted () {// 启动this.clearTimeSet = setI ...

最新文章

  1. 华为存储iscsi配置_iscsi 华为存储配置 上课内容
  2. wxWidgets:减少可执行文件大小
  3. 模板类 Template Classes 以及模板类编译时的处理
  4. USACO Section 1.2 Greedy Gift Givers (简单查找)
  5. Java:从 Map 到 HashMap 的一步步实现!
  6. php 入库乱码,php 中文字符入库或显示乱码问题的解决方法_PHP教程
  7. 使用base64 对Json 的返回数据进行优化
  8. mysql索引如何分裂节点_从MySQL Bug#67718浅谈B+树索引的分裂优化(转)
  9. spring 处理request.getInputStream()输入流只能读取一次问题
  10. 基于jsoneditor二次封装一个可实时预览的json编辑器组件(react版)
  11. steam失落的方舟入库python脚本
  12. Kinect 2.0 安装体验
  13. Weights Biases
  14. 如何快速定位 Redis 热 key?
  15. iOS YYModel使用方法
  16. 简单的云平台基础环境的构建(一)
  17. Python学习-操作列表
  18. 正极前驱体生产废水除磷
  19. oracle 移动分区表到指定表空间,及修改表的默认表空间
  20. brackets 快捷键 有大用

热门文章

  1. 人类(行为)动力学(3)——分布规律
  2. springboot 停车管理系统
  3. 小说《Walden.tet》单词词频统计
  4. CSS3选择器(一)
  5. Android带渐变效果的圆角矩形Demo
  6. 学习编程和网络需要的各种资源网址收集
  7. 矿山作业人员虹膜识别考勤综合管理系统
  8. ise portal 配置_使命召唤17需要什么配置?Golink免费加速器带来详细攻略
  9. 视频教程-思科CCNP专题系列10:MPLS Virtual PN-思科认证
  10. 爱默生UPS并机系统:进入与退出操作方法