В прошлых статьях я рассказывал и приводил…
.jpg)
В прошлых статьях я рассказывал и приводил примеры получения и обработки данных в формате JSON на стороне клиента. Но примера отправки данных серверу в этом формате не было. Сегодня я попробую исправить это упущение. Прежде всего, кратко напомню принцип передачи данных в JSON формате от сервера браузеру. 1) Серверный (PHP) скрипт формирует массив с данными, преобразует их в формат JSON (используется функция json_encode) и отправляет браузеру. 2) На стороне браузера JS скрипт обрабатывает полученные данные. Тут для преобразования данных используется eval. То есть все преобразования данных сводятся к использованию двух функций. Отправка данных серверу немного сложнее. Прежде всего, нужно четко понимать, что отправить данные в формате JSON можно в параметрах запроса (GET или POST), т. е. точно также как и любые другие данные. Т. к. формат JSON представляет собой обычную строку, то алгоритм отправки будет следующим. 1) Формируем JavaScript объект с данными, которые нужно отправить, например, со значениями, введенными пользователем в поля формы. 2) Преобразовываем этот объект в JSON формат. 3) Отправляем запрос серверу. В одном из параметров запроса передаем строку с JSON данными. 4) На стороне сервера читаем переданные данные (они придут в массиве $_GET или $_POST). 5) С помощью json_decode преобразуем JSON данные в массив. Теперь рассмотрим небольшой пример. Допустим, у нас есть страница с формой, которая содержит 2 поля: field1 и field2. Необходимо отправить эти данные в формате JSON серверному скрипту и прочитать его ответ. Разметку формы я приводить не буду, она самая обычная и в конце статьи я дам ссылку на архив с примером. Сразу перейдем к JavaScript коду.