Последние учебники веб-разработки
×

JS Руководство

JS ГЛАВНАЯ JS Введение JS Куда JS Вывод JS Синтаксис JS Заявления JS Комментарии JS переменные JS операторы JS арифметика JS присваивание JS Типы данных JS функции JS Объекты JS Объем JS Мероприятия JS Строки JS Методы струнных JS чисел JS Методы Number JS математический JS Даты JS Форматы даты JS Методы Дата JS Массивы JS Методы массивов JS Booleans JS Сравнения JS условия JS переключатель JS петля For JS В то время как Loop JS Ломать JS Тип преобразования JS RegExp JS ошибки JS отладка JS Подъемно JS Строгий режим JS Гид по стилю JS Лучшие практики JS Ошибки JS Представление JS Зарезервированные слова JS JSON

JS формы

Формы проверки Формы API

JS объект

Определения объектов Свойства объекта Методы объекта Прототипы объектов

JS функции

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

JS HTML DOM

DOM вступление DOM методы DOM Документ DOM элементы DOM HTML DOM CSS DOM Анимации DOM Мероприятия DOM EventListener DOM навигация DOM Вершины DOM Nodelist

JS браузер BOM

JS Window JS Screen JS Location JS History JS Navigator JS Popup Alert JS Timing JS Cookies

JS Примеры

JS Примеры JS HTML DOM JS HTML вход JS HTML Объекты JS HTML Мероприятия JS браузер JS викторина JS Резюме

JS Рекомендации

JavaScript Объекты HTML DOM Объекты


 

JavaScript JSON


JSON это формат для хранения и транспортировки данных.

JSON часто используется, когда данные передаются с сервера на веб-странице.


Что такое JSON?

  • JSON означает формате JavaScript Object Notation
  • JSON это формат обмена данными легкий
  • JSON является независимым от языка *
  • JSON является "самоописываемыми" и легко понять,

* Синтаксис JSON является производным от синтаксиса обозначения объектов JavaScript, но формат JSON только текст. Код для чтения и генерации данных в формате JSON можно записать на любом языке программирования.


Пример JSON

Этот синтаксис JSON определяет сотрудников объекта: массив 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 является для чтения данных с веб-сервера, а также отображать данные в веб-страницы.

Для простоты, это может быть продемонстрировано с помощью строки в качестве входных данных (или далее в нашем JSON учебнике ):

Во-первых, создать строку JavaScript, содержащую синтаксис JSON:

var text = '{ "employees" : [' +
'{ "firstName":"John" , "lastName":"Doe" },' +
'{ "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 учебнике .