Что такое JSON? A Laymans Обзор

Вы знакомы с новейшими веб-технологиями? Знание HTML

очень важно, если вы хотите выйти за рамки простых веб-действий, таких как просмотр и публикация на форумах. Тогда есть более сложные темы, такие как CSS (узнать больше здесь

), AJAX (узнать больше здесь

) и JSON.

Планируете ли вы быть веб-разработчиком или нет, неплохо бы хотя бы знать, что такое JSON, почему он важен и почему он используется сегодня во всем Интернете.

Что такое JSON?

то, что-это-интро-JSON

JSON обозначает Нотация объектов JavaScript. Это открытый стандартный формат, который позволяет передавать данные через Интернет с помощью пар атрибут-значение. Это может показаться немного запутанным, поэтому давайте углубимся в это немного подробнее.

Допустим, у меня есть воздушный шар, а ты хочешь мой воздушный шар. Один из способов сделать это состоит в том, чтобы на самом деле собрать воздушный шар и отправить его вам по почте. Но альтернативным методом было бы описать вам атрибуты моего аэростата, который позволил бы вам воссоздать тот же самый аэростат без необходимости отправлять физический аэростат.

Мой шарик может иметь материальный атрибут ценного каучука. Может иметь цветовой атрибут значения red. Он может иметь атрибут диаметра со значением десять дюймов. Может иметь газовый атрибут значения гелия. Этих четырех пар атрибут-значение достаточно для того, чтобы вы могли визуализировать мой шарик, верно?

Именно так работает JSON, когда он передает данные через Интернет.

Что хорошего в JSON?

то, что-это-JSON-схема

JSON не был первым, кто использовал пары атрибут-значение для передачи данных через Интернет. Те, кто разбирается в технологиях, могут заметить, что это очень похоже на XML. Как оказалось, JSON и XML выполняют много одинаковых задач. Так зачем выбирать JSON поверх XML?

В современной сети важна асинхронная загрузка данных. Другими словами, веб-страницы хотят иметь возможность загружать новые данные без необходимости обновлять всю страницу, чтобы получить их. Это приводит к более плавному и более удобному просмотру. JSON отлично подходит для отправки и получения асинхронных данных, потому что он прост и удобен в использовании.

Но XML делает то же самое! Так почему некоторые люди предпочитают JSON?

Один ответ на этот вопрос можно найти в названии JSON: JavaScript Object Notation. Он изначально признан JavaScript, который является одним из самых популярных языков в мире. Так как JSON является подмножеством JavaScript, вам нужно совсем немного узнать, когда вы знаете JavaScript.

Другая причина в том, что JSON более читабелен, чем XML. Конечно, легко привыкнуть к XML, когда вы используете его некоторое время, но просмотр XML-файла может быть ошеломляющим со всеми его тегами и многословием. JSON чище, проще для понимания новичками и достаточно гибок с его основными типами данных.

Посмотрите, что создатели JSON говорят об этом сравнении на своей странице JSON против XML.

Как выглядит JSON?

JSON — это просто серия пар атрибут-значение, которые при необходимости могут быть вложены в себя. Например, если нашим объектом данных был человек, этот человек может быть представлен следующими данными JSON:

what-is-json-json

Каждая строка начинается с атрибута, за которым следует двоеточие, а затем значение этого атрибута. Это значение может быть также массивом, как видно из атрибута «phoneNumbers» выше. Значение также может быть серией из большего количества пар атрибут-значение, которые вы можете увидеть в действии с атрибутом «address». Это называется объектом.

Для сравнения вот те же данные, представленные XML:

what-is-json-xml

Заключение

JSON — это просто способ представления объектов данных при передаче их через Интернет. Это альтернатива XML, которая является родной для JavaScript, и это одна из причин, почему он так популярен и широко распространен. Наиболее распространенное использование JSON — получение данных с веб-серверов по требованию.

Надеюсь, теперь вы лучше понимаете JSON и его использование в веб-разработке. Для дальнейшего изучения страница JSON на MDN — отличное место для начала.

Кредиты изображений: JSON увеличено через Shutterstock

Ссылка на основную публикацию
Adblock
detector