jQuery卸载在Chrome中不起作用

Question

我写了一个Web方法，它将在jQuery的unload事件上调用。 当我通过Visual Studio运行时，它正在运行。 我部署在IIS中。 当我在IE和Firefox中执行应用程序时，它也可以正常工作。 当我在Chrome中运行该应用程序时，奇怪的是不会触发卸载事件。 以下是我写的内容：

  <script type="text/javascript" language="javascript">
    var startTime;

    $(window).load(function () {
        startTime = new Date().getTime();
    });

    $(window).unload(function () {
        var endTime = new Date().getTime();
        var diff = new Date(endTime - startTime);
        var path = window.location.pathname.toString();

            $.ajax({
                type: "POST",
                url: path + "/LogUserActivity",
                data: "{ 'timeSpent': '" + Math.floor(diff / 1000).toString() + "', 'urlVisited': '" + path + "'}",
                contentType: "application/json; charset=utf-8",
                dataType: "json",
                success: function () {
                },
                error: function (xhr, status, error) {
                },
                failure: function () {
                }
            });
    });

</script>

Answer 1

归功于@Daniel A. White

jQuery卸载不是问题，而是AJAX同步调用。

在Chrome和其他所有浏览器上都可以使用AJAX进行同步，而不是异步。

 $.ajax({
                async: false,
                type: "POST",
                url: path + "/LogUserActivity",
                data: "{ 'timeSpent': '" + Math.floor(diff / 1000).toString() + "', 'urlVisited': '" + path + "'}",
                contentType: "application/json; charset=utf-8",
                dataType: "json",
                success: function () {
                },
                error: function (xhr, status, error) {
                    var err = eval("(" + xhr.responseText + ")");
                    alert(err.Message);
                },
                failure: function () {
                }
            });