如何使用ajax将PHP数组传递给另一个PHP页面

I have been looking for this answer without success. I have three files: index.php, actions.js and devices.php

My index.php have this code:

<?php
        $file = "canvas/interactiveWorkstations/".$roomData['id'].".json";
        if(file_exists($file)){
            $map = "interactiveWorkstation";
            $lines = file($file);
            $nPolygon = $lines[count($lines) - 4];
            $counterPolygon = 0;
            $pos = 4;
            $areas = array();

            while($counterPolygon !== $nPolygon && $pos < count($lines)){
                $lines[$pos] = json_decode($lines[$pos], true);
                if($counterPolygon !== 0)
                    $lines[$pos] = array_diff_assoc($lines[$pos], $lines[$pos-9]);
                $coords = "";
                foreach($lines[$pos] as $line)
                    foreach($line as $k => $v)
                        if($k !== "color" && $v !== -1)
                            $coords .= $v . ", ";
                $coords = trim($coords, ', '); //Delete last space and last comma
                $lines[$pos-3] = trim($lines[$pos-3], '#');
                $areas[trim($lines[$pos-3])] = $coords;
                $counterPolygon++;
                $pos = $pos + 9;
            }
    ?>
        <script>
            var img = document.getElementsByClassName('connection')[0];
            img.setAttribute('usemap', '<?php echo "#".$map; ?>');
            img.insertAdjacentHTML('afterend', '<map name="<?php echo $map; ?>" id="<?php echo $map; ?>"></map>');
            var points = <?php echo json_encode($areas);?>;
        </script>
    <?php
        }
       if($bookingActive) {
echo '<script type="text/javascript">reloadDevices("'.$workstationName.'","'.$randomKey.'","'.$bookingData['ical_uid'].'",points); initCountdown('.$remainingTime.');</script>';
}

At this point I have passed my $areas variable to JS using json_encode, and my functions reloadDevices() and UpdateDevices() receive it correctly because I checked before.

In my actions.js file have this code:

function updateDevices(workstation,randomKey,z,points){
    var parameters = {
            "workstation" : workstation,
            "randomKey" : randomKey,
            "z" : z,
            "points" : points
    };
    $.ajax({
            data:  parameters,
            url:   'workstation/devices.php',
            type:  'post',
            success:  function (response) {
                    $("#devices").html(response);
            }
    });
}
function reloadDevices(workstation,randomKey,z,points) {
    updateDevices(workstation,randomKey,z, points);
    setInterval(function () { updateDevices(workstation,randomKey,z, points); }, 6000);
}

I do an ajax call to devices.php, but when I wanna get my $_POST['points'] variable is empty. The part of code from my devices.php where I use this variable:

<?php
$areas = json_decode($_POST['points'], true);
?>
<script>
    var map = document.getElementById('interactiveWorkstation');
    var area = document.getElementById('<?php echo $deviceName; ?>');
    if(!area)
        map.insertAdjacentHTML('beforeend', '<area id="<?php echo $deviceName; ?>" shape="polygon" coords="<?php echo $areas[$deviceName]; ?>" href=\'javascript:createTerminal(<?php echo "\"".$deviceName."\""; ?>, <?php echo "\"".$deviceIp; ?>-<?php echo $randomKey."\""; ?>, <?php echo "\"".$uid."\""; ?>, <?php echo "\"".$deviceName."\""; ?>);\'/>');
</script>

Honestly, I can't see the error. If someone helps me appreciate it. Thanks so much. Regards.