美文网首页
js对于onunload使用

js对于onunload使用

作者: 奋斗live | 来源:发表于2020-02-12 11:25 被阅读0次

onunload是浏览器卸载后执行的事件

卸载

卸载是个什么意思呢?可以这么理解,比如关闭了浏览器、页面刷新、页面跳转、关闭当前标签页等操作,都可以叫做卸载

如何使用

实例如下

<!DOCTYPE HTML>
<html>
<body>
    <script>
        //
        window.onunload = () => {
            console.log('onunload')
            let xhr = new XMLHttpRequest();
            xhr.open('get', 'http://www.test.com/test.php', true)    //注意这里得用true,不能用false,必须采用异步提交
            xhr.send()
        }
    </script>
</body>

</html>

如上实例,当在浏览器打开以上页面的时候,js会监听浏览器的操作事件,当你关闭浏览器、刷新等卸载操作时,会往后端发送ajax请求,如下


image.png
注意

这里需要特别注意的一个地方,当你采用ajax请求的时候,必须采用异步进行提交,如果采用同步提交,会有问题,会导致请求发送失败。这种情况,在有的电脑中会出现,有的电脑不会出现,可能与某些电脑的内核版本或者浏览器版本有关,对于这种兼容问题,最好的就是使用异步提交,就没问题了。

相关文章

网友评论

      本文标题:js对于onunload使用

      本文链接:https://www.haomeiwen.com/subject/xtvqfhtx.html