Wysyłanie JSON do serwera i pobieranie w zamian JSON, bez JQuery

Muszę wysłać JSON (który mogę zdefiniować) na serwer i pobrać wynikowy JSON po stronie użytkownika, bez używania JQuery.

Jeśli powinienem użyć GET, jak przekazać JSON jako parametr? Czy istnieje ryzyko, że potrwa to zbyt długo?

Jeśli powinienem używać POST, jak ustawić odpowiednik onloadfunkcji w GET?

Czy powinienem użyć innej metody?

UWAGA

To pytanie nie dotyczy wysyłania prostego AJAX. Nie należy go zamykać jako duplikat.

Wysyłanie i odbieranie danych w formacie JSON metodą 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);

Wysyłanie i odbieranie danych w formacie JSON metodą 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();

Obsługa danych w formacie JSON po stronie serwera przy użyciu 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);
?>

Limit długości żądania HTTP Get zależy zarówno od serwera, jak i używanego klienta (przeglądarki) i wynosi od 2kB do 8kB. Serwer powinien zwrócić status 414 (żądanie-URI zbyt długie), jeśli identyfikator URI jest dłuższy niż serwer może obsłużyć.

Uwaga Ktoś powiedział, że mogę używać nazw stanów zamiast ich wartości; innymi słowy, mógłbym użyć xhr.readyState === xhr.DONEzamiast xhr.readyState === 4. Problem polega na tym, że Internet Explorer używa różnych nazw stanów, więc lepiej jest używać wartości stanu.

Korzystanie z nowego pobierania interfejsu API :

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}`)