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.html?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() для 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
