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

因此，我试图移动我使用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>

函数记录单击（事件）{
var x=event.clientX+$（window.scrollLeft（）；
var y=event.clientY+$（window.scrollTop（）；
变量宽度=window.innerWidth；
var height=window.innerHeight；
var url=document.url；
$.ajax({
类型：“POST”，
url:url，
数据：{x:x，y:y，宽度：宽度，高度：高度}，
成功：函数（）{
}
});
}

现在，我只是想验证我是否得到了正确的数据，所以我的PHP看起来像

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

我已经确认在Javascript端收到了正确的数据，但在PHP端，我调用的所有$u帖子都是空白的。还值得注意的是，我对AJAX API的引用位于不同的“头”文件中，但我无法找出原因。

在发布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>

函数记录单击（事件）{
var x=event.clientX+$（window.scrollLeft（）；
var y=event.clientY+$（window.scrollTop（）；
变量宽度=window.innerWidth；
var height=window.innerHeight；
var url=document.url；
$.ajax({
类型：“POST”，
url:url，
数据：JSON.stringify（{x:x，y:y，width:width，height:height}），
成功：函数（）{
}
});
}

在发布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>

函数记录单击（事件）{
var x=event.clientX+$（window.scrollLeft（）；
var y=event.clientY+$（window.scrollTop（）；
变量宽度=window.innerWidth；
var height=window.innerHeight；
var url=document.url；
$.ajax({
类型：“POST”，
url:url，
数据：JSON.stringify（{x:x，y:y，width:width，height:height}），
成功：函数（）{
}
});
}

将数据作为

data:JSON.stringify（{x:x，y:y，width:width，height:height}）传递。

是否在控制台窗口中检查ajax请求以查看是否发送/返回了任何数据？将数据作为

data:JSON.stringify（{x:x，y:y，width:width，height:height}）传递数据

您是否在控制台窗口中检查ajax请求以查看是否发送/返回了任何数据？仍然没有，是否需要实现一些参考来使用JSON？我在phpFIDLE中尝试了它，它告诉我，我所有的$\u帖子都未定义。但是，从技术上讲，在用户单击div之前，它们应该是未定义的。但即使在我单击div时，它们仍然未定义。你能保存它并共享吗？对不起，我已经计算出来了。我的语法有问题，请发布你的修复，让其他人也从中受益。仍然没有什么，我需要实现一些参考来使用JSON吗？我在phpfiddle中尝试过，它告诉我，我所有的$u帖子都没有定义。但是，从技术上讲，在用户单击div之前，它们应该是未定义的。但即使在我单击div时，它们仍然未定义。你能保存它并共享吗？对不起，我已经计算出来了。我的语法有问题，请发布你的修复，让其他人也受益。