ส่ง 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 Get ขึ้นอยู่กับทั้งเซิร์ฟเวอร์และไคลเอนต์ (เบราว์เซอร์) ที่ใช้ตั้งแต่ 2kB - 8kB เซิร์ฟเวอร์ควรส่งคืนสถานะ 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}`)