Gửi một JSON đến máy chủ và lấy lại một JSON mà không cần JQuery

Tôi cần gửi JSON (mà tôi có thể xâu chuỗi) tới máy chủ và để truy xuất JSON kết quả ở phía người dùng mà không cần sử dụng JQuery.

Nếu tôi nên sử dụng GET, làm cách nào để chuyển JSON làm tham số? Có rủi ro là nó sẽ quá lâu không?

Nếu tôi nên sử dụng POST, làm cách nào để đặt hàm tương đương onloadtrong GET?

Hay tôi nên sử dụng một phương pháp khác?

NHẬN XÉT

Câu hỏi này không phải về việc gửi một AJAX đơn giản. Nó không nên được đóng lại là trùng lặp.

Gửi và nhận dữ liệu ở định dạng JSON bằng phương thức 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);

Gửi và nhận dữ liệu ở định dạng JSON bằng phương thức 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();

Xử lý dữ liệu ở định dạng JSON ở phía máy chủ bằng 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);
?>

Giới hạn độ dài của một yêu cầu HTTP Get phụ thuộc vào cả máy chủ và máy khách (trình duyệt) được sử dụng, từ 2kB - 8kB. Máy chủ sẽ trả về trạng thái 414 (Yêu cầu-URI quá dài) nếu URI dài hơn máy chủ có thể xử lý.

Lưu ý Ai đó đã nói rằng tôi có thể sử dụng tên trạng thái thay vì giá trị trạng thái; nói cách khác, tôi có thể sử dụng xhr.readyState === xhr.DONEthay vì xhr.readyState === 4. Vấn đề là Internet Explorer sử dụng các tên trạng thái khác nhau nên tốt hơn là sử dụng các giá trị trạng thái.

Sử dụng tìm nạp api mới :

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