Сервер JSON
- Предыдущая страница Массив JSON
- Следующая страница PHP JSON
Одна из häufiger применений JSON - это обмен данными с веб-сервером.
При получении данных с веб-сервера данные всегда являются строкой.
С помощью JSON.parse()
Анализ данных, данные становятся объектом JavaScript.
Отправка данных
Если вы храните данные в объекте JavaScript, вы можете преобразовать объект в JSON и отправить его на сервер:
Пример
const myObj = {name: "Bill", age: 31, city: "New York"}; const myJSON = JSON.stringify(myObj); window.location = "demo_json.php?x=" + myJSON;
Получение данных
Если вы получаете данные в формате JSON, вы можете легко преобразовать их в объект JavaScript:
Пример
const myJSON = '{"name":"Bill", "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.txt"); xmlhttp.send();
См. также:json.txt
JSON в виде массива
Использование с JSON, происходящим из массива: JSON.parse()
В этом методе возвращает 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_array.txt", true); xmlhttp.send();
См. также:json_array.txt
- Предыдущая страница Массив JSON
- Следующая страница PHP JSON