Сервер 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