Senden eines JSON an den Server und Abrufen eines JSON im Gegenzug ohne JQuery

Ich muss einen JSON (den ich stringifizieren kann) an den Server senden und den resultierenden JSON auf der Benutzerseite abrufen, ohne JQuery zu verwenden.

Wie übergebe ich den JSON als Parameter, wenn ich ein GET verwenden sollte? Besteht das Risiko, dass es zu lang ist?

Wenn ich einen POST verwenden soll, wie setze ich das Äquivalent einer onloadFunktion in GET?

Oder sollte ich eine andere Methode verwenden?

ANMERKUNG

Bei dieser Frage geht es nicht darum, eine einfache AJAX zu senden. Es sollte nicht als Duplikat geschlossen werden.

Senden und Empfangen von Daten im JSON-Format mithilfe der POST-Methode

// 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);

Senden und Empfangen von Daten im JSON-Format mit der GET-Methode

// 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();

Umgang mit Daten im JSON-Format auf der Serverseite mit 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);
?>

Die Begrenzung der Länge einer HTTP-Abrufanforderung hängt sowohl vom Server als auch vom verwendeten Client (Browser) von 2 KB bis 8 KB ab. Der Server sollte den Status 414 (Request-URI Too Long) zurückgeben, wenn ein URI länger ist, als der Server verarbeiten kann.

Hinweis Jemand sagte, ich könnte Statusnamen anstelle von Statuswerten verwenden. Mit anderen Worten, ich könnte xhr.readyState === xhr.DONEanstelle von verwenden. xhr.readyState === 4Das Problem ist, dass Internet Explorer unterschiedliche Statusnamen verwendet, daher ist es besser, Statuswerte zu verwenden.

Verwenden des neuen API- Abrufs :

const dataToSend = JSON.stringify({"email": "[email protected]", "password": "101010"});
let dataRecieved=""; 
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 =>{
                 dataToRecieved = JSON.parse(dataJson);
             })
              .catch(err =>{
                if(err=="server")return
                console.log(err);
            })