JSON-сервер
Обычно JSON используется для обмена данными с/на веб-сервер.
При получении данных с веб-сервера данные всегда представляют собой строку.
Проанализируйте данные с помощью JSON.parse(), и данные станут объектом JavaScript.
Отправка данных
Если у вас есть данные, хранящиеся в объекте JavaScript, вы можете преобразовать объект в JSON и отправить его на сервер:
Пример
const myObj = {name: "John",
age: 31, city: "New York"};
const myJSON =
JSON.stringify(myObj);
window.location = "demo_json.php?x=" + myJSON;
Получение данных
Если вы получаете данные в формате JSON, вы можете легко преобразовать их в объект JavaScript:
Пример
const myJSON =
'{"name":"John",
"age":31, "city":"New York"}';
const myObj =
JSON.parse(myJSON);
document.getElementById("demo").innerHTML = myObj.name;
JSON с сервера
Вы можете запросить JSON с сервера, используя запрос AJAX.
Пока ответ сервера записан в формате JSON, вы можете преобразовать строку в объект JavaScript.
Пример
Используйте XMLHttpRequest для получения данных с сервера:
const xmlhttp = new XMLHttpRequest();
xmlhttp.onload = function() {
const myObj = JSON.parse(this.responseText);
document.getElementById("demo").innerHTML = myObj.name;
};
xmlhttp.open("GET", "json_demo.txt");
xmlhttp.send();
Взгляните на json_demo.txt
Массив в формате JSON
При использовании JSON.parse()on JSON, полученного из массива, метод вернет массив JavaScript вместо объекта JavaScript.
Пример
JSON возвращается с сервера в виде массива:
const xmlhttp = new XMLHttpRequest();
xmlhttp.onload = function() {
const myArr = JSON.parse(this.responseText);
document.getElementById("demo").innerHTML = myArr[0];
}
}
xmlhttp.open("GET", "json_demo_array.txt", true);
xmlhttp.send();
Взгляните на json_demo_array.txt.