JavaScript JSON
JSON — это формат для хранения и транспортировки данных.
JSON часто используется при отправке данных с сервера на веб-страницу.
Что такое JSON?
- JSON расшифровывается как JAvaScript Oбжект Nотатион
- JSON — это упрощенный формат обмена данными
- JSON является независимым от языка *
- JSON является "само-описание" и легко понять
* Синтаксис JSON является производным от синтаксиса нотации объекта JavaScript, но формат JSON только текст. Код для чтения и генерации JSON-данных может быть написан на любом языке программирования.
Пример JSON
Этот синтаксис JSON определяет объект Employees: массив из 3 записей сотрудников (объектов):
Пример JSON
{
"employees":[
{"firstName":"John", "lastName":"Doe"},
{"firstName":"Anna", "lastName":"Smith"},
{"firstName":"Peter", "lastName":"Jones"}
]
}
Формат JSON вычисляется для объектов JavaScript
Формат JSON синтаксически идентичен коду для создания объектов JavaScript.
Благодаря этому сходству, JavaScript-программа может легко преобразовать JSON-данные в собственные JavaScript-объекты.
Правила синтаксиса JSON
- Данные в парах "имя/значение"
- Данные разделяются запятыми
- Фигурные скобки удерживать объекты
- Квадратные скобки держат массивы
Данные JSON-имя и значение
Данные JSON записываются как пары "имя-значение", как и свойства объекта JavaScript.
Пара имя/значение состоит из имени поля (в двойных кавычках), за которым следует двоеточие, за которым следует значение:
"firstName":"John"
Имена JSON требуют двойных кавычек. JavaScript имена не.
Объекты JSON
Объекты JSON записываются внутри фигурных скобок.
Как и в JavaScript, объекты могут содержать несколько пар "имя-значение":
{"firstName":"John", "lastName":"Doe"}
Массивы JSON
Массивы JSON записываются в квадратных скобках.
Так же, как и в JavaScript, массив может содержать объекты:
"employees":[
{"firstName":"John", "lastName":"Doe"},
{"firstName":"Anna", "lastName":"Smith"},
{"firstName":"Peter", "lastName":"Jones"}
]
В приведенном выше примере объект "Employees" является массивом. Он содержит три объекта.
Каждый объект является записью человека (с именем и фамилией).
Преобразование текста JSON в объект JavaScript
Обычно JSON используется для считывания данных с веб-сервера и отображения данных на веб-странице.
Для простоты это можно продемонстрировать с помощью строки в качестве входных данных.
Сначала создайте строку JavaScript, содержащую синтаксис JSON:
var text = '{ "employees" : [' +
'{ "firstName":"John" , "lastName":"Doe" },' +
'{ "firstName":"Anna" , "lastName":"Smith" },' +
'{ "firstName":"Peter" , "lastName":"Jones" } ]}';
Затем используйте встроенную функцию JSON. Parse () JavaScript для преобразования строки в объект JavaScript:
var obj = JSON.parse(text);
Наконец, используйте новый объект JavaScript на своей странице:
Пример
<p id="demo"></p>
<script>
document.getElementById("demo").innerHTML =
obj.employees[1].firstName + " " + obj.employees[1].lastName;
</script>
Вы можете прочитать больше о JSON в нашем учебнике по JSON.