jQuery unload doesn't work in Chrome

Question

I wrote a Web Method which will be called on unload event of jQuery. It is running when I run through Visual Studio. I deployed in IIS. It is also working when I execute application in IE and Firefox. When I run the application in Chrome, it strangely doesn't fire up unload event. Below is what I have written:

  <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>

there are many questions very similar to this. do some googling and see what you find. — DLeh, Jul 13 '15 at 14:25
ajax is not guaranteed to fire in unload. you could try making it a sync request. — Daniel A. White, Jul 13 '15 at 14:27
@DLeh: I tried already and have spent a lot of time in research but could not find any clue. — techspider, Jul 13 '15 at 14:32
I think this is a duplicate question, check this: http://stackoverflow.com/questions/2274949/why-cant-i-use-jquery-to-fire-an-ajax-request-from-an-unload-event-handler — Ricardo Pontual, Jul 13 '15 at 14:36
thanks @DanielA.White for your quick pointer. It looks it is working now. — techspider, Jul 13 '15 at 14:48

techspider · Accepted Answer · 2015-07-13T14:58:14.937

Credit goes to @Daniel A. White

It is not an issue with jQuery unload but with AJAX sync call.

Made my AJAX call to sync instead of async, which worked on Chrome as well as all other browsers.

 $.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 () {
                }
            });

jQuery unload doesn't work in Chrome

1 Answers1