CODEWITHSUNDEEP
javascriptjqueryajax
user198989
user198989

Reputation: 4665

Ajax post onbeforeunload doesn't work

This code stores mouse movement coordinates in array and it should post it onbeforeunload. But it doesn't post. If I change

name: moves
to
name: "blabla"

it works. Means that the problem is on the "moves" variable. How can I make it working ?

$(document).ready(function(){


var moves = [];

$("html").mousemove(function(e){
moves.push(e.pageX + "x" + e.pageY) 
});


window.onbeforeunload = function() {

$.ajax({

      type: "POST",
      url: "mailyaz.php",
      data: {
      name: moves;
      }
      });

});

});

Upvotes: 2

Views: 5460

Answers (2)

WSD
WSD

Reputation: 3587

You can try this. It's a little example that I develop some months ago. In this case the coordinates are stored in a Text File, but you can replace this with an INSERT into a DataBase.

On the client Side put this:

    var moves = ""; //Now an String to store the Coords

    $(document).ready(function(){
        //When you moves the mouse inside the Page then 
        //concat the Coords into the String var and add a Line-Brak at the end
        $("html").mousemove(function(e){
            moves += (e.pageX + " x " + e.pageY + "\n");

        });

        //Here the magic happen: bind a function to onbeforeunload event that POST
        //the String to the server
        $(window).bind('beforeunload', function() {

            $.post("server.php",{name:moves});

        }); 

    });

Now you need a Page in the server side called server.php which contains

    //Capture the String
    $cursorMoves = ($_POST['name']);

    $myFile = "testFile.txt";
    $fh = fopen($myFile, 'w');
    fwrite($fh, $cursorMoves);
    fclose($fh);

Upvotes: 2

uadnal
uadnal

Reputation: 11435

onbeforeunload must return a string. However, the ajax request will be blocked by the dialog that is displayed. If the user accepts and leaves the page, it is likely that the request would be interrupted.

https://developer.mozilla.org/en/DOM/window.onbeforeunload

http://jsfiddle.net/sVU7K/1

Upvotes: 1

Related Questions