JavaScript JSON
JSON это формат для хранения и транспортировки данных.
JSON часто используется, когда данные отправляются с сервера на веб-страницу.
Что такое JSON?
- JSON означает JavaScript Object Notation
- JSON является облегченный формат обмена данными
- JSON является ли язык независимым *
- JSON является "самоописанием" и легко понятным
* Синтаксис JSON является производным от синтаксиса нотации объектов JavaScript, но формат JSON - это только текст. Код для чтения и генерации данных JSON может быть написан на любом языке программирования.
JSON Пример
Синтаксис JSON определяет объект employees: массив из 3 записей сотрудников (объектов):
JSON Пример
{
"employees":[
{"firstName":"Андрей", "lastName":"Щипунов"},
{"firstName":"Татьяна", "lastName":"Щипунова"},
{"firstName":"Кристина", "lastName":"Щипунова"}
]
}
Формат JSON вычисляет объекты JavaScript
Формат JSON синтаксически идентичен коду для создания объектов JavaScript.
Из-за этого сходства программа JavaScript может легко конвертировать данные JSON в собственные объекты JavaScript.
JSON Синтаксические правила
- Данные в паре имя/значение
- Данные разделяются запятыми
- Фигурные скобки содержут объекты
- Квадратные скобки содержат массивы
JSON Данные имя/значение
Данные JSON записываются в виде пар имя/значение, как и свойства объектов JavaScript.
Пара имя/значение состоит из названии поля (в двойных кавычках), за которым следует двоеточие, а затем значение:
"firstName":"Андрей"
JSON имена требуют двойных кавычек. Имена JavaScript, нет.
JSON Объекты
JSON объекты записываются внутри фигурных скобок.
Как и в JavaScript, объекты могут содержать несколько пар имя/значение:
{"firstName":"Андрей", "lastName":"Щипунов"}
JSON Массивы
JSON массивы записываются в квадратных скобках.
Как и в JavaScript, массив может содержать объекты:
"employees":[
{"firstName":"Андрей", "lastName":"Щипунов"},
{"firstName":"Татьяна", "lastName":"Щипунова"},
{"firstName":"Кристина", "lastName":"Щипунова"}
]
В приведенном выше примере объектом "сотрудники" является массив. Он содержит три объекта.
Каждый объект - это запись о человеке (с именем и фамилией).
Преобразование текста JSON в объект JavaScript
Обычно JSON используется для чтения данных с веб сервера и отображения их на веб странице.
Для простоты это можно продемонстрировать, используя строку в качестве входных данных.
Сначала создайте строку JavaScript, содержащую синтаксис JSON:
var text = '{ "employees" : [' +
'{ "firstName":"Андрей" , "lastName":"Щипунов" },' +
'{ "firstName":"Anna" , "lastName":"Smith" },' +
'{ "firstName":"Peter" , "lastName":"Jones" } ]}';
Затем используйте встроенную в JavaScript функцию JSON.parse() для преобразования строки в объект 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 учебник.