Блог

Мне нужно отправить 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 amp;amp; 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 amp;amp; 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-запроса зависит как от используемого сервера, так и от используемого клиента (браузера), от 2 КБ до 8 КБ. Сервер должен вернуть статус 414 (запрос-URI слишком длинный), если 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",
    headers: { "Content-Type": "application/json" },
    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}`)                  

Вам нужно обработать, когда сервер отправляет другой статус, а не 200 (ok), вы должны отклонить этот результат, потому что, если вы оставите его пустым, он попытается проанализировать json, но его нет, поэтому он выдаст ошибку