php - 使用 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 请求。这会让任何浏览器崩溃。

相反，在每次鼠标移动时将鼠标坐标存储在某个变量上，但不要每次都将它们发送到服务器。定期将它们发送到服务器，例如每分钟一次左右。

即像这样的东西:

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