Javascript 变量存入 SQL 数据库？

Question

我正在尝试创建一个页面，该页面将跟踪用户在网站上的点击并将点击数据存储到数据库中(例如页面上的 X 和 Y 坐标、窗口大小等)。我发现使用 Javascript 的鼠标事件属性获取此信息相当容易，问题是现在我有了这些信息，但我似乎不知道如何将数据发送到我创建的 SQL 数据库来存储信息。我更愿意以查询的形式执行此操作，但我能想到的唯一方法是使用 PHP，问题是，将 PHP 引入 Javascript 比将 Javascript 引入 PHP 容易得多。有人能告诉我我的做法是否错误吗？也许有一种方法可以使用 AJAX 或其他方法来完成此任务，我也不想每次用户单击获取数据时都必须重新加载整个页面。

例如，我在脚本中有变量，例如:

<script>
var x = event.clientX;
var y = event.clientY;
var width = window.innerWidth;
var height = window.innerHeight
</script>

然后我想向我的服务器发送查询，例如:

"INSERT INTO click.table (x_coord, y_coord, window_w, window_h) VALUES $x, $y, $width, $height;"

到了这个程度。

Answer 1

也许你可以尝试这样

<script>
    var x = event.clientX;
    var y = event.clientY;
    var width = window.innerWidth;
    var height = window.innerHeight

    $.ajax({
        url:"path to php file",
        data:{x:x,y:y,width:width,height:height},
        type:"POST",
        success: function(){
               alert("success");
          }
    });
</script>

在你的 php 端，

$x = $_POST['x'];
$y = $_POST['y'];
$width = $_POST['width'];
$height = $_POST['height'];
"INSERT INTO click.table (x_coord, y_coord, window_w, window_h) VALUES $x, $y, $width, $height;"