关于IOS无法在微信浏览器页面关闭时调用ajax问题

经测试，以下方法为监听ios页面关闭的方式


window.addEventListener('pagehide', function () {//页面关闭时触发
});

但上述方法内无法调用ajax。
参考https://developers.weixin.qq.com/community/develop/doc/000c4ec38c80d82fabcb190cb5bc00这个帖子评论改用Navigator.sendBeacon()方式调用接口发现确实可以成功请求接口，
相关文档：https://developer.mozilla.org/zh-CN/docs/Web/API/Navigator/sendBeacon
代码如下

window.addEventListener('pagehide', function () {navigator.sendBeacon(url, JSON.stringify({type: 666}));
});

但仅当正常返回或关闭页面时生效，若直接清理微信后台仍无法成功请求接口

关于IOS无法在微信浏览器页面关闭时调用ajax问题相关推荐

如何通过js关闭微信浏览器页面
最近在项目开发中,有一个支付页面当用户支付成功的时候需要通过js主动关闭这个页面.这个在其他浏览器比较好实现直接用window对象中的api就可以如何通过js关闭微信浏览器页面最近在项目开发中,有 ...
【Web技术】1486- 在页面关闭时提交监控数据的4个解决方案
概览本文以 "前端监控上报数据" 的业务场景,重点解析在页面实例关闭时,如何将监控数据上传到服务端的解决方案. 其中,涉及到4种方案,分别为: 同步XMLHttpReques ...
【Web技术】1424- 4 种在页面关闭时上传监控数据的解决方案
来自:掘金,作者:我是leon 链接:https://juejin.cn/post/7106365076197605413 概览本文以 "前端监控上报数据" 的业务场景,重点解析 ...
VS2019 禁止Web项目停止调试后自动关闭浏览器（在浏览器窗口关闭时停止调试程序，在调试停止时关闭浏览器）
很多文章都说要修改以下两处与"编辑并继续"有关的选项: "编辑并继续"是一种省时的功能,使你能够在程序处于中断模式时更改源代码. 通过选择执行命令(如 &quo ...
微信浏览器input关闭键盘后导致页面底部空缺问题
移动端页面中有一个input框,点击时弹出软键盘,关闭时页面底部空白出一部分,然后滑动一下又恢复原状了. 解决方案: 绑定一个blur事件,当其触发时,使scrollTo为0 <input ty ...
app链接分享到微信，ios版本的微信浏览器打不开
问了ios官方的客服了解到 app转过去的外部链接在ios中是不允许在除了 safari以外的浏览器打开的所以微信浏览器打开时是空白的页面解决方案: 在微信创建一个h5页面,从app分享的时候直 ...
html微信窗口阻止滚动条,解决微信浏览器页面可以随意拉伸，导致页面内部滚动条滚动体验不好的问题...
很多情况,我们页面局部可以滚动,但是由于微信浏览器整个页面可以拉伸,导致页面内部的滚动体验不好.所以我们可以把整个页面的滑动事件给禁用掉,然后让页面的某一个区域可以正常的滑动,就可以达到我们理想的效果 ...
浏览器页面关闭事件获取及处理--onbeforeunload
浏览器在关闭页面操作时,提供onbeforeunload,onunload两个事件. 浏览器onbeforeunload事件会在浏览器关闭前触发,它在用户离开页面之前弹出一个确认框,问用户是否要真正的 ...
微信浏览器页面默认背景色的问题
在做一个微信扫描二维码的页面的时候,用同事的安卓手机扫码,发现页面的背景色差别非常大. 如下效果图,差别非常明显. 结论:潜意识一直以为浏览器页面的默认背景色会一直是#ffffff(纯白色),但是查询 ...

关于IOS无法在微信浏览器页面关闭时调用ajax问题

关于IOS无法在微信浏览器页面关闭时调用ajax问题相关推荐

最新文章

热门文章