window.onbeforeunload 执行查询

Question

我试图在用户离开页面时执行后查询。我正在使用的代码是

<script type="text/javascript">
window.onbeforeunload = function(){
    var used = $('#identifier').val();
    $.post('conversation.php?leave=true',{ud:used});
}
</script>

我在这里所做的事情有什么问题吗？我在 FF 错误控制台中得到的结果只是说其他不相关的函数/变量未定义（因为它们正在卸载）。对于我需要修复的问题有什么提示或指示吗？

Answer 1

简单的答案是，您无法在 beforeunload 事件中可靠地进行异步 AJAX 调用，它很可能会在完成之前终止，因为浏览器垃圾收集页。您可以进行同步调用，如下所示：

$.ajax({ 
  type: "POST", 
  url: 'conversation.php?leave=true', 
  data:{ud:used}, 
  async: false
});

但请不要这样做，因为它会将您的用户困在页面中的时间超过需要的时间并阻止他们离开，导致负面的体验。请注意，这也会在执行时锁定浏览器，在任何可能的情况下都应避免async: false。