javascript - 使用 AJAX 将数据从 Javascript 移动到 PHP

Question

所以，我正在尝试移动使用 javascript 获取的数据，以便我可以在 PHP 中使用它，当用户单击我网站中的某个 div 时，我正在获取数据，代码看起来像这样这个。

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
<script>
function recordClick(event){
    var x = event.clientX + $(window).scrollLeft();
    var y = event.clientY + $(window).scrollTop();
    var width = window.innerWidth;
    var height = window.innerHeight;
    var url = document.URL;
    $.ajax({
                type: "POST",
                url: url,
                data: {x:x, y:y, width:width, height:height},
                success: function(){
                  }
           });
}
</script>

目前，我只是想验证我是否获得了正确的数据，以便我的 PHP 看起来像这样

<?php
    $x = $_POST['x'];
    $y = $_POST['y'];
    $width = $_POST['width'];
    $height = $_POST['height'];
    echo "<p>" .$x. ", " .$y. ", " .$width. ", " .$height. "</p>";
?>

我已经确认我在 Javascript 端收到了正确的数据，但在 PHP 端，我调用的所有 $_POST 都是空白的。还值得注意的是，我对 AJAX API 的引用位于不同的“头”文件中，但我无法弄清楚是什么原因导致的。

Answer 1

发布 json 数据时使用 JSON.stringify()

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
<script>
function recordClick(event){
    var x = event.clientX + $(window).scrollLeft();
    var y = event.clientY + $(window).scrollTop();
    var width = window.innerWidth;
    var height = window.innerHeight;
    var url = document.URL;
    $.ajax({
                type: "POST",
                url: url,
                data: JSON.stringify({x:x, y:y, width:width, height:height}),
                success: function(){
                  }
           });
}
</script>