Независимо от того, планируете ли вы стать веб-разработчиком или нет, неплохо хотя бы знать, что такое JSON, почему он важен и почему он используется повсюду в Интернете
Вы в курсе последних веб-технологий? Знание HTML практически необходимо, если вы хотите не ограничиваться простыми действиями в Интернете, такими как просмотр сайтов и размещение сообщений на форумах. Затем идут более сложные темы, такие как CSS (подробнее здесь), AJAX (подробнее здесь) и JSON
Независимо от того, планируете ли вы стать веб-разработчиком или нет, неплохо хотя бы знать, что такое JSON, почему он важен и почему он используется сегодня повсюду в Интернете
Что такое JSON?
JSON расшифровывается как JavaScript Object Notation. Это открытый стандартный формат, который позволяет передавать данные через Интернет с помощью пар атрибут-значение. Это может показаться немного запутанным, поэтому давайте разберемся в этом немного подробнее
Допустим, у меня есть воздушный шар, а вам нужен мой шар. Один из способов сделать это – упаковать шар и отправить его вам по почте. Но альтернативным методом было бы описать вам атрибуты моего воздушного шара, что позволило бы вам воссоздать такой же точно воздушный шар без фактической отправки физического шара
У моего шарика может быть атрибут материала со значением ‘резина’. Он может иметь атрибут цвета со значением красный. Его диаметр может быть равен 10 дюймам. У него может быть атрибут газа – гелий. Этих четырех пар атрибут-значение достаточно, чтобы вы могли представить себе мой воздушный шар, верно?
Примерно так работает 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 vs.XML
Как выглядит JSON?
JSON – это просто серия пар атрибут-значение, которые при необходимости могут быть вложены друг в друга. Например, если бы нашим объектом данных был человек, этот человек мог бы быть представлен следующими данными JSON:
Каждая строка начинается с атрибута, за которым следует двоеточие, затем значение этого атрибута. Это значение может быть и массивом, как показано выше в атрибуте ‘phoneNumbers’. Значение также может быть серией пар атрибут-значение, что можно увидеть в действии с атрибутом ‘address’. Это называется объектом
Для сравнения, вот те же данные, представленные в формате XML:
Заключение
JSON – это просто способ представления объектов данных при передаче их через Интернет. Это альтернатива XML, которая является родной для JavaScript, что является одной из причин его популярности и широкого распространения. Наиболее распространенное использование JSON – это получение данных с веб-серверов по запросу
Надеюсь, теперь вы лучше понимаете JSON и то, как он используется в веб-разработке. Для дальнейшего изучения страница JSON на MDN – отличное место для начала
Кредиты изображений: JSON Magnified Via Shutterstock
Комментировать