Enviar un JSON al servidor y recuperar un JSON a cambio, sin JQuery

Necesito enviar un JSON (que puedo secuenciar) al servidor y recuperar el JSON resultante en el lado del usuario, sin usar JQuery.

Si debo usar un GET, ¿cómo paso el JSON como parámetro? ¿Existe el riesgo de que sea demasiado largo?

Si debo usar un POST, ¿cómo configuro el equivalente de una onloadfunción en GET?

¿O debería usar un método diferente?

OBSERVACIÓN

Esta pregunta no se trata de enviar un AJAX simple. No debe cerrarse como duplicado.

Enviar y recibir datos en formato JSON mediante el método POST

// Sending and receiving data in JSON format using POST method
//
var xhr = new XMLHttpRequest();
var url = "url";
xhr.open("POST", url, true);
xhr.setRequestHeader("Content-Type", "application/json");
xhr.onreadystatechange = function () {
    if (xhr.readyState === 4 && xhr.status === 200) {
        var json = JSON.parse(xhr.responseText);
        console.log(json.email + ", " + json.password);
    }
};
var data = JSON.stringify({"email": "[email protected]", "password": "101010"});
xhr.send(data);

Enviar y recibir datos en formato JSON usando el método GET

// Sending a receiving data in JSON format using GET method
//      
var xhr = new XMLHttpRequest();
var url = "url?data=" + encodeURIComponent(JSON.stringify({"email": "[email protected]", "password": "101010"}));
xhr.open("GET", url, true);
xhr.setRequestHeader("Content-Type", "application/json");
xhr.onreadystatechange = function () {
    if (xhr.readyState === 4 && xhr.status === 200) {
        var json = JSON.parse(xhr.responseText);
        console.log(json.email + ", " + json.password);
    }
};
xhr.send();

Manejo de datos en formato JSON en el lado del servidor usando PHP

<?php
// Handling data in JSON format on the server-side using PHP
//
header("Content-Type: application/json");
// build a PHP variable from JSON sent using POST method
$v = json_decode(stripslashes(file_get_contents("php://input")));
// build a PHP variable from JSON sent using GET method
$v = json_decode(stripslashes($_GET["data"]));
// encode the PHP variable to JSON and send it back on client-side
echo json_encode($v);
?>

El límite de la longitud de una solicitud HTTP Get depende tanto del servidor como del cliente (navegador) utilizado, de 2kB a 8kB. El servidor debe devolver el estado 414 (Request-URI Too Long) si un URI es más largo de lo que el servidor puede manejar.

Nota Alguien dijo que podía usar nombres de estado en lugar de valores de estado; en otras palabras, podría usar en xhr.readyState === xhr.DONElugar de xhr.readyState === 4El problema es que Internet Explorer usa diferentes nombres de estado, por lo que es mejor usar valores de estado.

Usando nueva api fetch :

const dataToSend = JSON.stringify({"email": "[email protected]", "password": "101010"});
let dataReceived=""; 
fetch("",{credentials:'same-origin',mode:'same-origin',method:"post",body:dataToSend})
              .then(resp => {
                if(resp.status==200){
                   return resp.json()
                }else{
                    console.log("Status: "+resp.status);
                    return Promise.reject("server")
                }
              })
           .then(dataJson =>{
                 dataReceived = JSON.parse(dataJson);
             })
              .catch(err =>{
                if(err=="server")return
                console.log(err);
            })
            
 console.log(`Received: ${dataReceived}`)