Mengirim JSON ke server dan mengambil JSON sebagai gantinya, tanpa JQuery

Saya perlu mengirim JSON (yang dapat saya rangkai) ke server dan mengambil JSON yang dihasilkan di sisi pengguna, tanpa menggunakan JQuery.

Jika saya harus menggunakan GET, bagaimana cara mengirimkan JSON sebagai parameter? Apakah ada risiko terlalu lama?

Jika saya harus menggunakan POST, bagaimana cara menyetel ekuivalen dari suatu onloadfungsi di GET?

Atau haruskah saya menggunakan metode lain?

UCAPAN

Pertanyaan ini bukan tentang mengirim AJAX sederhana. Ini tidak boleh ditutup sebagai duplikat.

Mengirim dan menerima data dalam format JSON menggunakan metode 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);

Mengirim dan menerima data dalam format JSON menggunakan metode 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();

Menangani data dalam format JSON di sisi server menggunakan 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);
?>

Batas panjang permintaan HTTP Get bergantung pada server dan klien (browser) yang digunakan, dari 2kB - 8kB. Server harus mengembalikan status 414 (Request-URI Too Long) jika URI lebih panjang dari yang dapat ditangani server.

Catatan Seseorang berkata bahwa saya dapat menggunakan nama negara bagian daripada nilai negara bagian; dengan kata lain saya dapat menggunakan xhr.readyState === xhr.DONEalih-alih xhr.readyState === 4Masalahnya adalah bahwa Internet Explorer menggunakan nama negara bagian yang berbeda sehingga lebih baik menggunakan nilai negara bagian.

Menggunakan pengambilan api baru :

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