在php页面刷新时重置Mysql可拖动位置

// 监听元素的拖动事件
element.addEventListener('dragend', function(e) {
    var x = e.clientX;
    var y = e.clientY;

    // 使用Ajax发送位置信息到服务器
    var xhr = new XMLHttpRequest();
    xhr.open('POST', 'save_position.php', true);
    xhr.setRequestHeader('Content-type', 'application/x-www-form-urlencoded');
    xhr.onreadystatechange = function() {
        if (xhr.readyState === 4 && xhr.status === 200) {
            // 保存位置信息成功
        }
    };
    xhr.send('page=php_page&x=' + x + '&y=' + y);
});

<?php
// 连接MySQL数据库
$servername = "数据库地址";
$username = "用户名";
$password = "密码";
$dbname = "数据库名";
$conn = new mysqli($servername, $username, $password, $dbname);
if ($conn->connect_error) {
    die("连接失败: " . $conn->connect_error);
}

// 获取位置信息
$page = $_POST['page'];
$x = $_POST['x'];
$y = $_POST['y'];

// 更新位置信息到数据库
$sql = "UPDATE positions SET x = '$x', y = '$y' WHERE page = '$page'";
if ($conn->query($sql) === TRUE) {
    echo "位置信息保存成功";
} else {
    echo "位置信息保存失败: " . $conn->error;
}

// 关闭数据库连接
$conn->close();
?>