Надсилання JSON на сервер та отримання JSON у відповідь, без JQuery

Мені потрібно надіслати JSON (на який я можу впорядкувати) на сервер і отримати отриманий JSON на стороні користувача, не використовуючи JQuery.

Якщо я повинен використовувати GET, як мені передавати JSON як параметр? Чи існує ризик, що це буде занадто довго?

Якщо я повинен використовувати POST, як мені встановити еквівалент onloadфункції в GET?

Або я повинен використовувати інший метод?

ЗАМИСЛЕННЯ

Це питання не стосується надсилання простого AJAX. Він не повинен закриватися як дублікат.

Надсилання та отримання даних у форматі JSON методом 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": "hey@mail.com", "password": "101010"});
xhr.send(data);

Надсилання та отримання даних у форматі JSON методом GET

// Sending a receiving data in JSON format using GET method
//      
var xhr = new XMLHttpRequest();
var url = "url?data=" + encodeURIComponent(JSON.stringify({"email": "hey@mail.com", "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();

Обробка даних у форматі JSON на стороні сервера за допомогою 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);
?>

Межа довжини запиту на отримання HTTP-залежності залежить від використовуваного сервера та клієнта (браузера) від 2 кБ - 8 кБ. Сервер повинен повернути статус 414 (Request-URI Too Long), якщо URI довший, ніж може обробити сервер.

Примітка. Хтось сказав, що я можу використовувати імена штатів замість значень стану; Іншими словами, я міг би використовуватись xhr.readyState === xhr.DONEзамість xhr.readyState === 4Проблема полягає в тому, що Internet Explorer використовує різні імена стану, тому краще використовувати значення стану.

Використання нових API вибірки :

const dataToSend = JSON.stringify({"email": "hey@mail.com", "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}`)