Формат.JSON обычно используется как часть веб-сайтов, созданных на основе Ajax. В XML он становится всё более популярным. Расширение файла.JSON относится к типам файлов описания объектов JavaScript.Json предлагает альтернативный подход к доступу к данным. Для открытия и редактирования файлов с таким расширением необходимо использовать специальные редакторы , наиболее популярные и функциональные из которых описаны ниже.

Доступные способы открытия файла с расширением JSON.

Формат файла.JSON является основным элементом Java, его главными функциями являются стандартная организация обмена информацией, используемая для записи с использованием простых информационных и контентных структур. Описание формата json использует лёгкий способ записи на основе контента и понятной компоновки. Технология, первоначально зависящая от подмножества JavaScript, теперь считается стандартом, поэтому этот тип файла используется значительно чаще.

Чем открыть файл в формате JSON

В нём используется концепция слияния значений ключа со структурой данных. Его популярность и доступность также объясняется широко используемым методом обмена данными в Javascript. Чтобы открыть для просмотра или редактирования файлы в таком формате, необходимо использовать стороннее приложение. Ниже приведён список наиболее популярных и функциональных программ, с помощью которых вы с лёгкостью откроете любой файл с расширением.JSON на компьютере.

Altova XMLSpy – эффективная и мощная утилита, инструмент редактирования и интегрированная среда разработки (IDE) для файлов XML (Extensible Markup Language). Он может использоваться для моделирования, преобразования и отладки программного обеспечения, основанного на технологии XML. Основным преимуществом программы является поддержка расширения.JSON. Софт включает в себя все необходимые инструменты для работы с приложениями, использующими XML, XML Schema XSLT и XQuery. При запуске программы виден пустой основной экран, но для оценки функциональности есть набор демо-файлов. В комплект входят отчёты о расходах, переносные формы XML, проекты SPS, заказы на поставку, примеры XBRL, примеры EPUB, наборы XQuery и файлы HTML5.

XMLSpy может работать с базами данных, созданными Microsoft SQL Server, PostgreSQL, Oracle, MySQL, IBM DB2, Informix, Sybase и Microsoft Access. Среди функций есть оценка XPath, определяющая ограничение на ошибку для проверки XML Schema, преобразование DTD (определение типа документа), а также оптимизация очень больших файлов. Интерфейс приложения понятен интуитивно, и для использования в текущем проекте можно легко выбрать необходимые инструменты. Часто используемые параметры (трансформация, проверка орфографии и т. д.) доступны в режиме быстрого доступа на главном экране.

В меню «Инструменты» пользователи могут обращаться к редактору сценариев, а также к утилитам для сравнения папок. Есть возможность добавить быстрый доступ к инструментам, которые уже установлены в системе. Altova XMLSpy может стать оптимальным решением для создания и обработки XML-данных. Предоставляя набор всех необходимых для работы инструментов, утилита должна помочь пользователям повысить производительность.

Notepad ++ – бесплатный и очень популярный текстовый редактор, который предлагает возможность создавать и изменять исходный код, а также просматривать и редактировать файлы с расширением JSON. Это отличная замена блокноту, встроенному в систему. Он эффективен как при написании простого текста, так и при программировании. Возможности Notepad ++ включают поддержку WYSIWYG, автоматическое завершение содержимого кода, подсветку синтаксиса, запись и воспроизведение макроса, а также просмотр и изменение любого текста или исходного кода в режиме Multi-View.

Notepad ++ написан на C ++ и использует только API и STL Win32, что обеспечивает быструю работу и меньший размер программы. Как утверждают производители, Notepad ++ предназначен для сокращения глобальных выбросов углекислого газа – оптимизируя как можно больше процедур без дополнительной нагрузки на систему. Программа использует меньше мощности ЦП , поэтому компьютер может снизить энергопотребление, что приведёт к меньшему загрязнению окружающей среды. Программа бесплатна не только дома, но и для коммерческого использования. В ней не отображаются объявления или предложения на донат. После установки потребуется около 10 МБ (со встроенным FTP-клиентом и конвертером ASCII-HEX), а с 15 редактируемыми текстовыми файлами используется не более 4 МБ ОЗУ. Разумеется, объем потребляемой памяти зависит от количества и размера открытых файлов.

Notepad ++ в отдельных вкладках обрабатывает сразу несколько файлов. Стоит отметить, что цвет указывает, какие открытые файлы не были сохранены (красная дискета). Благодаря поддержке десятков языков, создание и изменение скриптов стало гораздо легче (PHP, С #, html, java, PowerShell и т. д.). Более того, вы можете создавать свои собственные определения и цвета ключевых слов. Программа не только позволяет управлять всеми функциями с помощью сочетания клавиш, но и даёт возможность создавать собственные комбинации.

Если вы ищете информацию о фразе, выделите её и используйте комбинацию ALT+F2 или выберите RUN>GOOGLE SEARCH, чтобы найти её в GOOGLE. Notepad ++ позволяет протестировать код в любом популярном браузере – для этого используется сочетание клавиш или опцию меню «Run/Run». Notepad ++ позволяет конвертировать текстовые файлы во множество разных версий кода, что будет особенно полезно для людей, которые создают сайты или веб-приложения. На вкладке «Плагины» есть менеджер плагинов, который позволяет установить FTP-клиент NppFTP, что быстро и эффективно заменит файлы, например, на веб-сервере. Можно установить одно из десятков дополнений. Есть такие универсальные инструменты, как переводчик языка, голосовое произношение и «NppExec», позволяющий сразу запустить скрипт, не выходя из приложения.

Эта программа сочетает в себе скорость, небольшой размер и производительность обычного текстового редактора. Утилита расширяет функциональность такими параметрами, как редактирование текста в одном или в нескольких окнах, легко отображает символы всех Unicode-систем, а также любых других систем кодировки, установленных в системе. Дополнительным преимуществом редактора является поддержка функции для просмотра файлов JSON. Софт отображает символы, используемые в форматах Unix и Mac. Кроме того, пользователь может использовать предварительный просмотр программы, просматривать графики, содержащиеся в открытых файлах, или использовать таблицы . В отличие от обычного блокнота, AkelPad предлагает вариант редактирования отмены и чрезвычайно быстрый поиск и замену текстовых фрагментов.

Основные функции:

• режим с одним окном или многооконный редактор;
• практически неограниченный размер файла;
• поддержка UTF-8;
• отменить/повторить;
• быстрый поиск;
• печать;
• поддержка языковых модулей.

Интерфейс похож на Блокнот – программа может быть установлена параллельно с обычным текстовым редактором или как его замена.

Komodo Edit – это многоплатформенный текстовый редактор для программистов и веб-мастеров. Обеспечивает поддержку самых популярных языков. Доступны версии для Windows, Mac OS X и Linux. Последнее издание программы обеспечивает синхронизацию нескольких рабочих станций, совместную работу в режиме реального времени, поддержку большого количества языков (и улучшений в уже существующих) и общее улучшение производительности.

Кроме того, можно редактировать и создавать файлы стиля CSS и HTML-документы. Программное обеспечение предоставляет большое количество функций, в том числе автозаполнение кода, проверка синтаксиса, раскраска синтаксиса, поддержка постоянных функций, модуль записи макросов, быстрые клавиши чтение файлов JSON, и так далее. Добавлена поддержка языка Go. Изменена система подсказок, которая теперь отображается как отдельное окно, а цветовая схема Komodo по умолчанию изменена на Base16. Основная панель с инструментами по умолчанию скрыта, но её можно восстановить на постоянной основе.

Sublime Text – это функциональный редактор для программистов, и многие считают его лучшей программой в своём классе. Содержит множество интересных и уникальных решений, которые делают его очень эффективным для программистов инструментом. Имеет мощный API, основанный на языке Python, поэтому его можно расширить с помощью новых функций. Самые интересные функции программы Sublime Text:

• быстрая навигация – программа позволяет быстро перемещаться по файлам, символам, линиям или словам;
• множественный выбор – благодаря этому можно сделать сразу несколько изменений, таких как изменение в нескольких строках, массовое изменение имён переменных;
• палитра команд – Sublime Text имеет палитру команд, в которой присутствуют редко используемые команды, такие как сортировка, изменение синтаксиса, отступы и т. д;
• полноэкранный режим – программа позволяет увеличить область с кодом на весь экран, благодаря чему можно полностью сконцентрироваться на написании кода. В стандартный интерфейс с вкладками и меню можно вернуться в любое время;
• Split Edition – редактор использует возможности широкоформатных или нескольких мониторов одновременно и позволяет одновременно редактировать 2 файла;
• быстрое переключение проектов – проекты в программе сохраняют всё содержимое рабочей области, включая изменённые, но не сохранённые вручную файлы;
• API для плагинов – поддерживает мощный API на основе Python, поэтому можно создавать свои собственные плагины;
• полная настройка – отображение ключей, меню, фрагментов, макросов, автозаполнения – всё можно свободно настраивать в простых файлах в формате JSON;
• Multi-platform – программа доступна для Windows, Max OS X и Linux в 32-х и 64-разрядных версиях, а для Windows также есть портативная версия.

NFOPad – это небольшой бесплатный вьювер файлов NFO и JSON со встроенным текстовым редактором. Файлы NFO представляют собой текстовые документы, часто оснащённые ASCII, где содержится необходимая информация о программах. NFOPad – это приложение, смоделированное на стандартном Блокноте, но гораздо более обширное и содержащее дополнительные функции. Программа полностью поддерживает кодировку Unicode и обнаруживает гиперссылки и адреса электронной почты. Приложение легко настраивается, здесь можно установить шрифт ANSI или ASCII, а также выбрать цвет. Позволяет печатать и искать текст, устанавливать ширину экрана. Софт поддерживает метод перетаскивания. Стоит отметить, что приложение NFOPad будет полезно при редактировании файлов справки.

Блокнот

Блокнот Windows – стандартное приложение, встроенное в операционную систему. Помимо базовых функций, программа выделяется возможностью просмотра и редактирования файлов JSON. Чтобы открыть приложение в Windows, просто нажмите Пуск (или клавишу Win) и введите «Блокнот».

Что ещё может вызывать проблемы с файлом

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

• Повреждение файла JSON.
• Неправильные ссылки на файл JSON в записях реестра.
• Случайное удаление описания расширения JSON из реестра Windows.
• Неполная установка приложения, поддерживающего формат JSON.
• Открытый JSON-файл заражён нежелательным и вредоносным программным обеспечением.
• У компьютера недостаточно аппаратных ресурсов, чтобы справиться с открытием файла JSON.
• Аппаратные драйверы, используемые компьютером для открытия файла JSON, устарели.

Вы правильно загрузили и установили одну из программ, и проблема с файлом JSON по-прежнему происходит? Если ни один из примеров не подходит под описание вашей проблемы, тогда, скорее всего, компьютер заражён серьёзным вирусом и может потребоваться переустановка Windows.

Урок, в котором рассматривается, что такое JSON и какие он имеет преимущества по сравнению с другими форматами данных.

Понятие JSON

JSON (JavaScript Object Notation) - это текстовый формат представления данных в нотации объекта JavaScript.

Это означает то, что данные в JSON организованы, так же как и в объекте JavaScript. Но в отличие от последнего формат записи JSON имеет некоторые особенности, которые будут рассмотрены немного позже.

Применяется JSON обычно в связки с AJAX для того, чтобы сервер мог передать данные в удобной форме сценарию JavaScript, который затем уже отобразит их на странице.

Структура формата JSON

Кто знаком с процессом создания объектов в JavaScript, не увидит ни чего нового в структуре формата JSON. Это связано с тем, что структура JSON соответствует структуре объекта JavaScript с некоторыми ограничениями.

Более просто представить себе JSON можно как контейнер, состоящий из элементов. Каждый элемент в таком контейнере - это некоторая структурная единица, состоящая из ключа и значения.

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

В вышеприведенной записи видно, что ключ отделяется от значения с помощью знака двоеточия (:). При этом ключ в объекте JSON обязательно должен быть заключен в двойные кавычки. Это первая особенность JSON, которая его отличает от объекта JavaScript . Т.к. в объекте JavaScript ключ (свойство объекта) не обязательно должен быть заключён в двойные кавычки.

Например, структура объекта, которая является валидной с точки зрения JavaScript и не валидной с точки зрения JSON:

Var person = { name: "Иван"; } // объект JavaScript

Предупреждение: имя ключу старайтесь задавать так чтобы не усложнить доступ к данным, т.е. при составлении имени предпочтительно придерживаться верблюжьей нотации или использовать для соединения слов знак нижнего подчёркивания ("_").

Значение ключа в JSON может быть записано в одном из следующих форматов: string (строкой), number (числом), object (объектом), array (массивом), boolean (логическим значением true или false), null (специальным значением JavaScript).

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

Var person = { "name" : "Иван"; "setName": function() { console.log(this.name); } } // объект JavaScript

Для отделения одного элемента (пары ключ-значение) от другого используется знак запятая (,).

Например, рассмотрим JSON, состоящий из различных типов данных.

Внимание: формат представления данных JSON не допускает использование внутри своей структуры комментариев.

Работа с JSON в JavaScript

В отличие от объекта JavaScript JSON представляет собой строку.

Например:

// например переменная personData, содержит строку, которая представляет из себя JSON var personData = "{"name":"Иван","age":37,"mother":{"name":"Ольга","age":58},"children":["Маша","Игорь","Таня"],"married": true,"dog": null}";

Работа с JSON обычно ведётся в двух направлениях:

Парсинг - это перевод строки, содержащей JSON, в объект JavaScript.

Конвертирование объекта JavaScript в строку JSON. Другими словами, это действие выполняет преобразование обратное парсингу.

Парсинг JSON

Парсинг JSON, т.е. перевод строки JSON в объект JavaScript, осуществляется с помощью метода eval() или parse() .

Использование метода eval():

// переменная person - это объект JavaScript, который получен путём выполнения кода (строки) JSON var person= eval("("+personData+")");

Использование метода JSON.parse():

// переменная person - это объект JavaScript, который получен путём парсинга строки JSON var person = JSON.parse(personData);

Конвертирование объекта JavaScript в строку JSON

Перевод объекта JavaScript в строку JSON осуществляется с помощью метода JSON.stringify() . Данный метод осуществляет действие обратное методу JSON.parse() .

Var personString = JSON.strigify(person);

Преимущества формата JSON

Формат представления данных JSON имеет следующие преимущества:

• удобные и быстрые в работе методы, предназначенные для конвертации (парсинга) строки JSON в объект JavaScript и обратно;
• понятная и простая структура данных;
• очень маленький размер по сравнению с другими форматами данных (например XML). Это связано с тем, что формат JSON содержит минимальное возможное форматирование, т.е. при его написании используется всего несколько специальных знаков. Это очень важное преимущество, т.к. данные представленные в формате JSON будут быстрее загружаться, чем, если бы они были бы представлены в других форматах.

Из-за того что данный формат имеет очень много преимуществ он стал применяться не только в JavaScript, но и во многих других языках, таких как C, Ruby, Perl, Python, PHP и т.д.

Сравнение форматов JSON и XML

Формат JSON имеет следующие преимущества перед форматом XML:

При передаче некоторых данных размер JSON будет значительно меньше, чем размер XML.

JSON имеет более удобные методы конвертации в структуры данных JavaScript, чем XML.

JSON более просто создавать, чем XML.

Работа с данными JSON после парсинга осуществляется как с объектом JavaScript.

//JSON var personData = "{"name":"Иван","age":37,"mother":{"name":"Ольга","age":58},"children":["Маша","Игорь","Таня"],"married": true,"dog": null}"; //Объект JavaScript person var person = JSON.parse(personData);

Рассмотрим основные моменты:

//получить значения ключа (свойства) name person.name; person["name"]; //получить значения ключа (свойства) name, находящегося в объекте mother person.mother.name; //удалить элемент age delete(person.age) //добавить (или обновить) ключ (свойство) person.eye = "карие"; //при работе с массивами необходимо использовать методы, предназначенные для работы именно с массивами //удалить 1 элементиз массива (метод splice) person.children.splice(1,1) //добавить элемент в массив (метод push) person.children.push("Катя");

Для перебора элементов в объекте можно использовать цикл for..in:

For (key in person) { if (person.hasOwnProperty(key)) { //ключ = key //значение = person console.log("Ключ = " + key); console.log("Значение = " + person); } // если объект person имеет key (если у person есть свойство key) } // перерабрать все ключи (свойства) в объекте

Для перебора элементов массива можно использовать следующий цикл:

For (var i=0; i

Что такое JSON и на что он способен? В этой статье вы узнаете, как использовать JSON для легкой работы с данными. Так же мы рассмотрим, как работать с JSON используя при этом PHP и JavaScript.

Если вы разрабатывали вебсайты или веб-приложения в целом, вероятней всего вы слышали о JSON, по крайней мере, мимолетом. Но, что конкретно значит JSON? Что может делать этот формат данных и как им пользоваться?

В этой статье мы узнаете основы работы с json форматом. Мы будем следовать следующим темам:

• Что такое JSON формат?
• Как создавать JSON строки?
• Простой пример JSON данных
• Сравнение JSON с XML

Давайте начнем!

Что такое JSON формат?

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

После создания JSON строки, ее легко можно пересылать в любое приложение или компьютер, так как это всего лишь текст.

JSON имеет много преимуществ:

• Он компактный
• Он понятен для людей и легко считывается компьютером
• Его легко можно преобразовать в программные форматы: числовые значения, строки, булевой формат, нулевое значение, массивы и ассоциативные массивы.
• Почти все программные языки имеют функции, позволяющие считывать и создавать json формат данных.

Буквально, аббревиатура JSON означает - JavaScript Object Notation. Как описано ранее, этот формат основан на создании объектов, что-то подобное к ассоциативным массивам в других языках программирования.

Для каких целей используется JSON?

Более всего, json используется для обмена данными между javascript и серверной стороной (php). Другими словами, для технологии ajax. Это очень удобно, когда вы передаете несколько переменных или целые массивы данных.

Как это выглядит на примере:

Пользователь кликает по превьюшке картинки

JavaScript обрабатывает это событие и посылает ajax запрос к PHP скрипту, передавая ID картинки.

На сервере, php получает описание картинки, имя картинки, адрес к большому изображению и другую информацию из базы данных. Получив, преобразовывает в JSON формат и отправляет обратно на страницу пользователя.

JavaScript получает ответ в виде JSON, обрабатывает данные, формирует html код и выводит увеличенное изображение с описанием и другой информацией.

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

Всеми любимый jQuery, имеет функции getJSON() и parseJSON(), которые помогают работать с форматом через ajax запросы.

Как создавать JSON строки?

Ниже предоставлены основные правила создания JSON строк:

• JSON строка содержит как массив значений, так и объект (ассоциативный массив с парами имя/значение).
• Массив должен быть обвернут в квадратные скобки, [ и ], может содержать список значений, которые отделяются через кому.
• Объекты обворачиваются с помощью фигурных дужек, { и }, также содержат разделенные комой пары имя/значение.
• Пары имя/значение состоят из имя поля (в двойных кавычках), после чего следует двоиточие (:) , после значение данного поля.
• Значения в массиве или объекте могут быть:
  • Числовые (целые или дробные с точкой)
  • Строковые (обвернутые в двойные кавычки)
  • Логические (true или false)
  • Другие массивы (обвернутые в квадратные скобки [ и ])
  • Другие объекты (обвернутые в фигурные дужки { и })
  • Нулевое значение (null)

Важно! Если вы используете двойные кавычки в значениях, экранируйте их с помощью обратного слеша: \". Также можно использовать hex закодированные символы, так как вы это делаете в других программных языках.

Простой пример JSON данных

Следующий пример показывает, как можно сохранять данные в «корзине» интернет магазина с помощью JSON формата:

{ "orderID": 12345, "shopperName": "John Smith", "shopperEmail": "[email protected]", "contents": [ { "productID": 34, "productName": "SuperWidget", "quantity": 1 }, { "productID": 56, "productName": "WonderWidget", "quantity": 3 } ], "orderCompleted": true }

Давайте разберем эти данные по частям:

В начале и конце мы использует фигурные дужки { и }, которые дают понять, что это объект.

Внутри объекта мы имеем несколько пар имя/значение:

"orderID": 12345 - поле с именем orderId и значение 12345

"shopperName": "John Smith" - поле с именем shopperName и значение John Smith

" shopperEmail": " johnsmith@ example. com" - подобно, как и в предыдущем поле, здесь храниться email покупателя.

"contents": [ ... ] - поле с именем content, значение которого массив.

"orderCompleted": true - поле с именем orderCompleted, значение которого true

Внутри массива contents, мы имеем два объекта, которые отображают содержимое корзины. Каждый объект продукта имеет три свойства: productID, productName, quantity.

На последок, так как JSON идентичен с объектами в JavaScript, вы легко можете взять этот пример и создать из него JavaScript объект:

var cart = { "orderID": 12345, "shopperName": "John Smith", "shopperEmail": "[email protected]", "contents": [ { "productID": 34, "productName": "SuperWidget", "quantity": 1 }, { "productID": 56, "productName": "WonderWidget", "quantity": 3 } ], "orderCompleted": true };

Сравнение JSON с XML

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

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

Вот вышеописанный JSON пример, только переписанный в XML формате:

orderID 12345 shopperName John Smith shopperEmail [email protected] contents productID 34 productName SuperWidget quantity 1 productID 56 productName WonderWidget quantity 3 orderCompleted true

Как видите в несколько раз длиннее нежели JSON. По факту, этот пример длинной 1128 символов, в то время, как JSON версия всего лишь 323 символа. Также XML версию сложнее читать.

Естественно, нельзя судить только по одному примеру, но даже небольшие объемы информации занимают меньше места в JSON формате, нежели в XML.

Как работать с JSON через PHP и JS?

Вот мы и подошли к самому интересному - практической стороне JSON формата. Сначала отдадим дань JavaScript’у, после посмотрим, как можно манипулировать с JSON через PHP.

Создание и чтение JSON формата с помощью JavaScript

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

К счастью, многие языки программирования предоставляют инструменты для работы с JSON строками. Основная идея которых:

Создание JSON строк, вы начинаете с переменных содержащих некие значения, после пропускаете их через функцию, превращающую данные в JSON строку.

Чтение JSON строк, вы начинаете с JSON строки содержащей определенные данные, пропускаете строку через функцию, которая создает переменные содержащие данные.

Давайте посмотрим, как это делается в JavaScript.

Создаем JSON строку из JavaScript переменной

JavaScript имеет встроенный метод, JSON.stringify(), который принимает переменную javascript и возвращает json строку репрезентируя содержимое переменной. Для примера, воспользуемся ранее созданным объектом, сконвертируем его в JSON строку.

var cart = { "orderID": 12345, "shopperName": "John Smith", "shopperEmail": "[email protected]", "contents": [ { "productID": 34, "productName": "SuperWidget", "quantity": 1 }, { "productID": 56, "productName": "WonderWidget", "quantity": 3 } ], "orderCompleted": true }; alert (JSON.stringify(cart));

Вот что выведется на экран:

{"orderID":12345,"shopperName":"John Smith","shopperEmail":"[email protected]", "contents":[{"productID":34,"productName":"SuperWidget","quantity":1}, {"productID":56,"productName":"WonderWidget","quantity":3}], "orderCompleted":true}

Заметьте, что JSON.stringify() выводит JSON строки без пробелов. Сложно читать, но так более компактно, что важно при пересылке данных.

Создаем JavaScript переменную из JSON строки

Существует несколько способов парсинга JSON строк, наиболее приемлем и безопасный используя JSON.parse() метод. Он принимает JSON строку и возвращает JavaScript объект или массив содержащий данные JSON. Вот пример:

var jsonString = " \ { \ "orderID": 12345, \ "shopperName": "John Smith", \ "shopperEmail": "[email protected]", \ "contents": [ \ { \ "productID": 34, \ "productName": "SuperWidget", \ "quantity": 1 \ }, \ { \ "productID": 56, \ "productName": "WonderWidget", \ "quantity": 3 \ } \ ], \ "orderCompleted": true \ } \ "; var cart = JSON.parse (jsonString); alert (cart.shopperEmail); alert (cart.contents.productName);

Здесь мы создавали переменную, jsonString, которая содержит JSON строку из ранее предоставленных примеров. После чего пропускали эту строку через JSON.parse() для создания объекта содержащего JSON данные, которые хранятся в cart переменной. На конец, мы проверяем наличие данных и выводим некоторую информацию средствами модального окна alert.

Выведется следующая информация:

В реальном веб приложении, ваш JavaScript код должен принимать JSON строку как ответ от сервера (после посылки AJAX запроса), после чего парсите строку и выводите данные о содержимом корзины пользователю.

Создание и чтение JSON формата с помощью PHP

PHP, подобно JavaScript’у, имеет функции позволяющие конвертировать переменные в JSON формат, и наоборот. Давайте рассмотрим их.

Создание JSON строки из PHP переменной

Json_encode() принимает PHP переменную и возвращает JSON строку, репрезентируя данные переменной. Вот наш пример «корзины» написанный на PHP:

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

{"orderID":12345,"shopperName":"John Smith","shopperEmail":"[email protected]","contents":[{"productID":34,"productName":"SuperWidget","quantity":1},{"productID":56,"productName":"WonderWidget","quantity":3}],"orderCompleted":true}

В реалии, ваш PHP скрипт должен посылать JSON строку как ответ на AJAX запрос, где JavaScript будет использовать JSON.parse() для превращения строки в переменные.

В функции json_encode() можно указывать дополнительные параметры, позволяющие конвертировать некоторые символы в hex.

Создание PHP переменной из JSON строки

Аналогично к вышеописанному, существует функция json_decode(), позволяющая декодировать JSON строки и помещать содержимое в переменные.

Как и в случае с JavaScript, этот код выведет следующее:

[email protected] WonderWidget

По умолчанию, json_decode() возвращает JSON объекты как PHP объекты. Подобно привычному синтаксису, мы используем -> для доступа к свойствам объекта.

Если в дальнейшем вы захотите использовать данные в виде ассоциативного массива, просто передайте вторым параметров true в функции json_decode(). Вот пример:

$cart = json_decode($jsonString, true); echo $cart["shopperEmail"] . "
"; echo $cart["contents"]["productName"] . "
";

Это выводит тот же результат:

[email protected] WonderWidget

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

В заключение о JSON формате

Если вы собрались создавать веб приложение использующее технологию Ajax, несомненно воспользуйтесь форматом JSON для обмена данными между сервером и браузером.

JSON (JavaScript Object Notation) - простой формат обмена данными, удобный для чтения и написания как человеком, так и компьютером. Он основан на подмножестве языка программирования JavaScript , определенного в стандарте ECMA-262 3rd Edition - December 1999 . JSON - текстовый формат, полностью независимый от языка реализации, но он использует соглашения, знакомые программистам C-подобных языков, таких как C, C++, C#, Java, JavaScript, Perl, Python и многих других. Эти свойства делают JSON идеальным языком обмена данными.

JSON основан на двух структурах данных:

• Коллекция пар ключ/значение. В разных языках, эта концепция реализована как объект , запись, структура, словарь, хэш, именованный список или ассоциативный массив.
• Упорядоченный список значений. В большинстве языков это реализовано как массив , вектор, список или последовательность.

Это универсальные структуры данных. Почти все современные языки программирования поддерживают их в какой-либо форме. Логично предположить, что формат данных, независимый от языка программирования, должен быть основан на этих структурах.

В нотации JSON это выглядит так:

Объект - неупорядоченный набор пар ключ/значение. Объект начинается с { открывающей фигурной скобки и заканчивается } закрывающей фигурной скобкой. Каждое имя сопровождается: двоеточием, пары ключ/значение разделяются, запятой.

Массив - упорядоченная коллекция значений. Массив начинается с [ открывающей квадратной скобки и заканчивается ] закрывающей квадратной скобкой. Значения разделены, запятой.

Значение может быть строкой в двойных кавычках, числом , true , false , null , объектом или массивом . Эти структуры могут быть вложенными.

Строка - коллекция нуля или больше символов Unicode, заключенная в двойные кавычки, используя \ обратную косую черту в качестве символа экранирования. Символ представляется как односимвольная строка. Похожий синтаксис используется в C и Java.

Число представляется так же, как в C или Java, кроме того, что используется толко десятичная система счисления.

Пробелы могут использоваться между любыми лексемами.

Исключая некоторые детали кодирования, вышеизложенное полностью описывает язык.

JSON (JavaScript Object Notation, объектная нотация JavaScript) – формат представления структурированных данных, используемый для передачи данных через Интернет.

По сути формат JSON представляет собою обычную строку.

Синтаксис JSON

Синтаксис JSON достаточно мал, он включает в себя только описание того, как выглядят передаваемые данные.

Типы данных JSON

В JSON типы данных можно разделить на две категории: простые и сложные.

• string – текстовые строки (обычно их называют просто – строки)
• number – числа
• boolean – логические (булевы) значения
• null

К сложным типам относятся:

• object – объекты
• array – массивы

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

Простые значения

Простейший пример JSON-кода – любое значение простого типа:

5 2.3 "Hello!" true null

В JSON строки должны быть заключены только в двойные кавычки. Использование одинарных кавычек приводит к синтаксической ошибке.

Объекты

Объект JSON представляет собой заключённый в фигурные скобки список из нуля или более свойств (пар "имя": значение), разделённых запятыми. Имена свойств объектов обязательно должны быть заключены в двойные кавычки. Отсутствие двойных кавычек или использование одинарных кавычек в имени свойства является ошибкой. Свойства могут содержать значения любого типа (простого или сложного):

{ "name": "Гомэр", "age": 40, "work": { "place": "Атомная станция", "location": "Спрингфилд" } }

Массивы

Массив JSON представляет собой заключённый в квадратные скобки список из нуля или более значений, разделённых запятыми. Массив может содержать значения любого типа (простого или сложного):

[ { "name": "Гомэр", "age": 40, "work": { "place": "Атомная станция", "location": "Спрингфилд" }, "children": [ "Барт", "Лиза", "Мэги" ] }, { "name": "Мардж", "age": 37, "work": { "place": "Дом", "location": "Спрингфилд" }, "children": [ "Барт", "Лиза", "Мэги" ] } ]

Тонкости