I'm trying to make a request via JS to my own PHP REST API. It seems like the data which is send by the JS doesn't make it to the PHP API.

JS Code:

var data = {
    'name': 'kevin'
};

var request = new XMLHttpRequest();


request.open("POST", "http://192.168.64.2/testJsRequest.php", true);
request.setRequestHeader('Content-type', 'application/json');

request.onreadystatechange = function() {
    if (request.readyState == 4 && request.status == 200) {
        console.log("RESPONSE" + request.responseText);
    }
}

request.send(data);

PHP Code

           <?php
        $responseStatus = '200 OK';
        $responseText = $_POST['name'];
        
        header('Access-Control-Allow-Origin: *');
        header('Access-Control-Allow-Headers: *');
        header($_SERVER['SERVER_PROTOCOL'].' '.$responseStatus);
        header('Content-type: application/json; charset=utf-8');
        
        echo json_encode($responseText);