Lo qué sucede es que el Request Header (cabecera de la petición) está cómo text/plain o text/json y no como application/x-www-form-urlencoded que es el formato que acepta las peticiones query_string y json.
Paso 1: En JS - Agregar antes de onreadystatechange la Request Header.
xhr.setRequestHeader("Content-type", 'application/x-www-form-urlencoded');
Paso 2: En JS - Te recomiendo tener un elemento padre en el JSON
const jsonAEnviar = "json=" + JSON.stringify({user: user, points:points});
Paso 3: En PHP - Modificar el código por el siguiente
$jsonRecibido = json_decode($_POST['json']);
Te adjunto una chuletilla que me monté hace tiempo para el tema de los tratamientos de respuestas en PHP.
Maneras de recibir los datos JSON, query_string, text_plain...
// No datos y Respuesta como 'PLAIN_TEXT'
echo 'algun_texto_plano';
// No datos y Respuesta como 'JSON'
echo json_encode(["clave"=>"valor"]);
// Datos como 'QUERY_STRING' y Respuesta como 'QUERY_STRING'
echo $_REQUEST['nombre'] . ' ' . $_REQUEST['edad'];
// Datos como 'QUERY_STRING' y Respuesta como 'JSON'
$json = ["nombre" => $_REQUEST['nombre'] , "edad" => $_REQUEST['edad']];
echo json_encode($json);
// Datos como 'JSON' y Respuesta como 'QUERY_STRING'
$json = json_decode($_REQUEST['json']);
echo $json->nombre . ' ' . $json->edad;
// Datos como 'JSON' y Respuesta como 'JSON'
$datos = json_decode($_REQUEST['json']);
$respuesta = ["nombre" => $datos->nombre , "edad" => $datos->edad];
echo json_encode($respuesta);
Clase de utilidad para Ajax nativo:
class Ajax {
// OBTENER INSTANCIA AJAX
static getXHR() {
return typeof XMLHttpRequest != 'undefined'
? new XMLHttpRequest() // Navegadores modernos
: new ActiveXObject('Microsoft.XMLHTTP'); // Navegadores obsoletos
}
// REALIZAR PETICIÓN GET
static doGET(url, params = null, onFinish) {
const xhr = Ajax.getXHR();
xhr.open('GET', url + (params === null ? '' : '?'+params), true);
xhr.setRequestHeader("Content-type", 'application/x-www-form-urlencoded');
xhr.onreadystatechange = function () {
if (xhr.readyState == 4) {
onFinish = onFinish(xhr.status, xhr.responseText, xhr);
}
};
xhr.send(null);
};
// REALIZAR PETICIÓN POST
static doPOST(url, params, onFinish) {
const xhr = Ajax.getXHR();
xhr.open('POST', url, true);
xhr.setRequestHeader("Content-type", 'application/x-www-form-urlencoded');
xhr.onreadystatechange = function () {
if (xhr.readyState == 4) {
onFinish = onFinish(xhr.status, xhr.responseText, xhr);
}
};
xhr.send(params);
};
}