向Ajax发送Ajax值而不是在POST上读取数据

Question

我最近一直在尝试使用JS和JQuery获取一些值（在这种情况下，窗口的大小），并将它们发送到应该回应它们的PHP代码。下面的代码正在使用console.log(data)函数，因为它在控制台上记下了屏幕宽度和高度的值。当我尝试在PHP中读取并回显这些值时，问题就出现了;有点像PHP值总是空的，代码无法读取它们。我尝试了不同类型的Ajax调用（.ajax({})，.post({})），但我无法让它们工作。

Javascript Part：

$(window).on('resize', function () {

            var w = window.innerWidth;
            var h = window.innerHeight;
            $.ajax
            ({
                type: 'POST',
                url: 'index.php',
                data: 
                    {
                        width: w,
                        height: h
                    },
                    success: function( data ) 
                    {
                        console.log( data );

                    }
            });

        });

PHP部分：

<?php
if(isset($_POST['width']) && isset($_POST['height'])) //THIS IS NEVER WORKING, THE PHP DOESN'T RECIVE THE $_POST DATA .
{
    $w = $_POST['width'];
    $h = $_POST['height'];
    echo $w."x".$h;
}
else
{
    echo "Error"; //So this is always false and echo the error message.
}
?>

感谢您的任何建议。