САЙТ ДЛЯ ВЕБ РАЗРАБОТЧИКОВ НА РУССКОМ ЯЗЫКЕ
×

JS Учебник

JS Главная JS Введение JS Установка JS Вывод JS Синтаксис JS Заявления JS Комментарии JS Переменные JS Операторы JS Арифметика JS Присваивания JS Типы данных JS Функции JS Объекты JS Область JS События JS Строки JS Методы строк JS Числа JS Методы чисел JS Массивы JS Методы массива JS Сортировка массива JS Итерация массива JS Даты JS Формат даты JS Метод получения дат JS Методы набора... JS Математические... JS Случайные числа JS Булевы JS Сравнение... JS Заявления if...else JS Заявление switch JS Цикл for JS Цикл while JS Заявление break... JS Преобразование... JS Битовые... JS Регулярные выражения JS Ошибки JS Отладчик JS Подъемный JS Строгий JS Ключевое слово this JS Руководство стиля JS Практика JS Распространенные ошибки JS Эффективность JS Зарезервированные слова JS Версии JS Версия ES5 JS Версия ES6 JS JSON

JS Формы

JS Формы JS Формы API

JS Объекты

Определение объекта Свойства объекта Методы объекта Доступ к объекту Конструкторы объекта Прототипы объекта Объект ECMAScript 5

JS Функции

Определение функции Параметры функции Вызов Функции Вызвать Функцию Применение функции Закрытие Функции

JS HTML DOM

DOM Введение DOM Методы DOM Документы DOM Элементы DOM HTML DOM CSS DOM Анимация DOM События DOM Слушатель события DOM Навигация DOM Узлы DOM Коллекции DOM Список узлов

JS Браузера BOM

JS Окно JS Экран JS Местоположение JS История JS Навигатор JS Всплывающее окна JS Синхронизация JS Cookies

JS AJAX

AJAX Введение AJAX XMLHttp AJAX Запрос AJAX Ответ AJAX XML Файл AJAX PHP AJAX ASP AJAX База данных AJAX Приложения AJAX Примеры

JS JSON

JSON Введение


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 учебник.