Javascript 函数在卸载事件中工作，但不在单击事件中工作

我有一个注销函数，它在两个不同的事件中被调用。一个是卸载事件，另一个是单击事件。如果卸载或刷新页面，将调用该函数并注销用户。但是，当我单击注销按钮时，不会调用该函数。有人能解释为什么吗

js

var loc = "../pages/logged_out.php";
    function logout(location){
        $.post("../php/logout.php", {}, function(response){
            if(response.success == "1"){
                location.replace(location);
            }
        }, "json");
    }

    $("#logout").on("click", function(){
        logout(loc);
    })

    $(window).unload(function(){
        logout(loc);
    })

html

注销

---

编辑：我没有提到的一点是，如果我将函数设置为匿名函数，并且不尝试将位置作为参数传递，则脚本工作正常。

查看代码，您定义了一个变量位置，并尝试使用location.replace

function logout(location){   <-- variable location
    $.post("../php/logout.php", {}, function (response){
        if(response.success == "1"){
            location.replace(location);   <-- trying to use replace on itself
        }
    }, "json");
}

---

一旦元素在DOM中可用，就需要绑定事件，请尝试在document ready handler中包装它，或者在关闭BODY标记或委托事件之前设置它。ready Function此元素是否动态添加到DOM中？是否有重复的ID？嗯，Ajax调用在卸载时将处于竞争状态，如果它在现代浏览器中真正到达服务器，您将很幸运。@a.Wolff no，它是静态添加到HTML文件中的这将解决您提到的AJAX和跨浏览器问题？它不会解决卸载的竞争条件…您在这方面做不了多少。

function logout (redirectLocation) {   
    $.post("../php/logout.php", {}, function(response){
        if(response.success == "1"){
            window.location.replace(redirectLocation);   
        }
    }, "json");
}