首页 > 其他分享 >angular2+ 项目中 tab 页关闭时触发 http 请求

angular2+ 项目中 tab 页关闭时触发 http 请求

时间:2022-11-04 11:24:25浏览次数:42  
标签:触发 http tab 画面 angular2 关闭 直接 请求

  需求中有个画面打开和结束时,触发脚本的功能

  画面打开比较好搞,直接 ngOnInit ,获取完画面的脚本配置,直接调用脚本执行即可。

  画面退出的触发倒是想了一下,分为2种情况:

  1、预览画面退出:这个是基于编辑器中的预览画面,退出时主项目还在,所以直接用  ngOnDestroy 就能直接听到

 

  2、直接关闭浏览器 tab 页:这个就有点麻烦,angular 无法直接监听,需要监听  window.onbeforeunload   方法,我这里写在了  ngAfterViewInit  中

 

  结果是显而易见的,连请求都没发出来 tab 页就关闭了。

  目前想到通过延时来使之发出请求执行脚本数据(结果不重要),发出请求就好

 

  这时可以看到,延时结束后,请求已经发出

 

 

   先记录下,留待更好方式

标签:触发,http,tab,画面,angular2,关闭,直接,请求
From: https://www.cnblogs.com/guofan/p/16857127.html

相关文章

  • Go语言是 如何实现 HTTP代理 和 反向代理
    学习与交流:Go语言技术微信群商务合作加微信:LetsFenggoland全家桶激活码,支持所有版本,支持所有系统链接:http://web.52shizhan.cn/activity/s2abxc提取码:GJF9B1DK 现......
  • HTTP协议总结
    一、简介HTTP也叫超文本传输协议,是应用层协议,支持C/S模式,浏览器作为HTTP的客户端通过url向HTTP服务端,也就是WEB服务器发送请求。http协议是无连接,无状态的。无连接指的是当......
  • 记一次生产环境WAS9与NC配置https
    首先获取证书(客户提供)然后把证书传到服务器的/opt/IBM9/HTTPServer/bin/目录下这里客户提供的证书是crt格式的,首先我们转换成p12格式的证书我们找到我们传到服......
  • ASP.NET Core教程-Configuration(配置)- HTTPS
    更新记录转载请注明出处:2022年11月4日发布。2022年11月1日从笔记迁移到博客。强制使用HTTPS在中间件配置中,使用UseHttpsRedirection中间件。app.UseHttpsRedir......
  • HTTP认证方式
    HTTP认证方式HTTP认证方式2021-01-13T20:23:43+08:00HTTP认证方式本节参考:https://zhuanlan.zhihu.com/p/64584734https://www.loginradius.com/blog/async/every......
  • HTTP协议与报文
    HTTP协议介绍(转载)HTTP协议介绍(转载)2021-01-10T18:52:09+08:00HTTP协议介绍本章节非原创,转载来源:http://www.ruanyifeng.com/blog/2016/08/http.htmlHTTP协议......
  • https简单介绍(转载)
    HTTPS简单介绍(转载)HTTPS简单介绍(转载)2021-01-12T12:06:18+08:00HTTPS简单介绍(转载)本章节非原创,转载来源:https://juejin.cn/post/6844903599303032845一、HTTP存在......
  • 发起HTTP请求:Spring中RestTempalate设置请求头(转载)
    发起HTTP请求:Spring中RestTemplate设置与携带请求头(转载)发起HTTP请求:Spring中RestTemplate设置与携带请求头(转载)2021-01-08T16:56:48+08:00Rest设置请求头以及进一步......
  • 发起HTTP请求方式汇总(Java)
    Java发起HTTP请求方式汇总Java发起HTTP请求方式汇总2021-01-07T16:31:40+08:00作为一个Java后端,需要通过HTTP请求其他的网络资源可以说是一个比较常见的case了;一般怎......
  • HTTP
    HTTPURL和URI的区别:URL是URI的子集,在URI的基础上增加了定位能力,URI还有URN,无法定位资源.PUT不带验证机制,一般不使用,且只能完全替换资源,而PATCH允许部分修改,OPTIONS......