Отправка положения мыши с помощью jquery $ .ajax

Question

Я пытаюсь отправить положение мыши на сервер с помощью метода jquery $ .ajax, но я не могу сделать это правильно.

$(document).ready(function (e) { 
     var x = e.pageX; 
     var y = e.pageY; 
     $(document).mousemove(function() { 
      $.ajax({ 
       type: "POST", 
       url: "get_position.php", 
       data: { 
        pos_x: x, 
        pos_y: y 
       } 
      }); 
     }); 
    }); 

Этот код вызывает сбой браузера. Каков правильный способ сделать это?

Answer 1

Вы отправляете запрос AJAX по телефону каждые перемещение мыши. Thats должен разрушить любой браузер.

Вместо этого храните мышиные координаты на некоторой переменной при каждом перемещении мыши, но не отправляйте их на сервер каждый раз. Отправляйте их на сервер периодически, скажем, раз в минуту или около того.

т.е. что-то вроде:

var coords[0, 0]; 
$(document).mousemove(function (e) { 
    coords = [e.pageX, e.pageY]; 
}); 

function sendThem() { 
    $.ajax({ 
     type: "POST", 
     url: "get_position.php", 
     data: { 
      pos_x: coords[0], 
      pos_y: coords[1] 
     } 
    }); 
} 

setInterval(sendThem, 1000);