Ajax 게시 onbeforeunload가 작동하지 않습니다.

Question

이 코드는 마우스 움직임 좌표를 배열에 저장하며 beforebeforeunload를 게시해야합니다. 하지만 게시하지 않습니다. 내가

이름을 변경하는 경우 : "blabla"작동

:
에
이름을 이동합니다. 문제가 "이동"변수에 있음을 의미합니다. 어떻게 작동시킬 수 있습니까?

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

}); 

}); 

Answer 1

이 작업을 시도 할 수 있습니다. 몇 달 전에 개발 한 예입니다. 이 경우 좌표는 텍스트 파일에 저장되지만 이것을 INSERT로 대체 할 수 있습니다. ,

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}); 

     }); 

    }); 

지금 페이지를 종료/다시로드하는 동안

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

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

Answer 2

onbeforeunload은 문자열을 반환해야합니다. 그러나 ajax 요청은 표시되는 대화 상자에 의해 차단됩니다. 사용자가 페이지를 승인하고 떠날 경우 요청이 중단 될 수 있습니다.

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

http://jsfiddle.net/sVU7K/1