Ajax post onbeforeunload不起作用

該代碼存儲數組中的鼠標移動座標，並且應該將其發佈在未載入的頁面上。但它不發佈。如果我改變Ajax post onbeforeunload不起作用

名稱：移動
到
名稱：「布拉布拉」

它的工作原理。意味着問題出在「移動」變量上。我怎樣才能使它工作？

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

}); 

});

來源

2012-05-19 user198989

你做異步的東西，同時重新加載/關閉該頁面的服務器端稱爲server.php頁面，這將是越野車。設置'async：false'來等待函數完成，這是我知道確保它通過服務器的唯一方式，否則在某些瀏覽器中會出現問題，並且它不會一直通過。 – adeneo

不確定，但它只用一個小字符串而不是陣列工作的原因，只需幾秒鐘的鼠標移動就可以實現，這可能與事物的大小有關，請在[FIDDLE]（http ：//jsfiddle.net/gAsKb/） – adeneo

我已經注意到，問題可能出在「動作」上。它不存儲它。 – user198989

你可以試試這個。這是我幾個月前開發的一個小例子。在這種情況下，座標存儲在文本文件中，但是您可以用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);

來源

2012-05-19 15:33:24

無法正常工作。：S – user198989

@ user198989我在Chrome 18.0.1025.162和Firefox 12上測試過它，效果很棒！如果您給我一封電子郵件，我可以向您發送整個項目。 –

哦，我注意到我正在使用if語句，如if（$ _ POST [name]）{ 我現在刪除了它並且它的工作。 – user198989