Question

我写了一些代码我试图用来解决访问者IP，以及他们在网站上的时间。代码：

<script>
var startTime = new Date();
window.onbeforeunload = $(function() {
    /* var ip = (window.location != window.parent.location) ? document.referrer: document.location; */
    /* var ip = "192.168.1.1"; */
    var endTime = new Date();        //Get the current time.
    var timeSpent = (endTime - startTime);        //Find out how long it's been.
    var ip = (window.location != window.parent.location) ? document.referrer: document.location; 
    $(window).load(function(event) {
         $.post('ajax.php', {ip: ip, timeSpent: timeSpent});
    });            
});
</script>

我不知道的是，为什么这不会等到用户在运行此脚本之前尝试离开网站。

任何人都可以帮助我让它等到那时再运行吗？谢谢！

Answer 1

我可以看到此代码存在一些问题。

首先，$(function(){})是$(document).ready(function(){})的简称。这意味着它将在DOM准备就绪时运行该函数，然后返回一个jQuery对象（$(document)）。

其次，不需要$(window).load(function(){})。我假设当用户离开页面时，DOM已经被加载了。

第三，window.onbeforeunload（和window.onunload）将不等待您的AJAX调用完成。您可以尝试使用async:false使其等待（这可能不适用于所有浏览器）。

$.ajax({
    url: 'ajax.php',
    data: {ip: ip, timeSpent: timeSpent},
    async: false
});

（注意：window.onbeforeunload在所有浏览器中都不起作用;我知道Opera不会触发它。）

此外，window.onbeforeunload用于询问用户是否要离开页面。如果从将要呈现给用户的事件返回一个字符串（Firefox除外）。

如果您想在用户离开页面时发送AJAX电话，我建议您改用window.onunload。

(function(){  // Anonymous function so startTime isn't global
    var startTime = new Date();
    window.onunload = function() { // set to a function
        var endTime = new Date();  //Get the current time.
        var timeSpent = (endTime - startTime);  //Find out how long it's been.
        var ip = (window.location != window.parent.location) ? document.referrer: document.location; 
        $.ajax({
            url: 'ajax.php',
            data: {ip: ip, timeSpent: timeSpent},
            async: false
        });
    };
}());

Answer 2

你从这整件事中弄得很糟糕。您所需要的只是：

var startTime = new Date();
window.onbeforeunload = function() {
    var endTime = new Date();        //Get the current time.
    var timeSpent = (endTime - startTime);        //Find out how long it's been.
    var ip = (window.location != window.parent.location) ? document.referrer: document.location; 
    $.post('ajax.php', {ip: ip, timeSpent: timeSpent});
};

在离开页面之前执行JavaScript操作onbeforeunload执行

2 个答案: