AJAX дозволяє клієнту (браузеру) посилати запити серверу і, отримавши відповідь, щось зробити. При цьому не відбувається перевантаження сторінки. У цій статті я хочу зосередитися саме на відповіді сервера, тобто на те, що отримує клієнт у відповідь на свій запит і як ця відповідь може виглядати.
Зазвичай AJAX іпользуются для обміну текстовою інформацією. Наприклад, запитів виду "покажи мені все записи користувача з ім'ям Pepper". Відповіддю на такий запит буде набір слів в певному форматі. Саме про формат ми і поговоримо.
Останні 3-4 місяці я працював над проектом з групою людей, в якому дуже широко іспользовалать функціональність AJAX і без неї проект просто ніколи не був би втілений в життя. Є випадки, коли AJAX поліпшує интеракцию користувача з інтерфейсом, але є випадки, як мій, коли все засновано саме на AJAX.
Є 3 формату відповідей: простий текст, XML документ, JSON. Простий текст нічого складного не представляє і є просто набором символів, які можна десь відобразити на сторінці. наприклад:
Сама назва змінної responseText вказує на те, що її вміст явзяется текстом. Такий формат відповіді є прийнятним, якщо сервер відправляє всього один шматочок інформації. Наприклад, час на сервері або кількість гостей на сайті. Це буде просто-напросто одне слово або пропозицію. Але, що якщо потрібно відправити і час і кількість гостей відразу, в одній відповіді? У такому випадку і виникає потреба в поділі різних фрагментів відповіді, щоб уникнути перемішування інформації.
Для поділу інформації використовуються два способи: JSON і XML.
XML формат являє собою документ, має структуру, схожу на дерево. Ви починаєте з кореня і перевіряєте всі гілки. Саме в гілках і буде міститися потрібна інформація. Приклад XML документа:
Саме з цим форматом я працював протягом майже чотирьох місяців, день і ніч. У ньому є багато бонусів, в порівнянні з XML, але все залежить від ситуації.
Отже, як же виглядає JSON. Приклад 1:
Сервер може відповісти саме такий рядком, яка буде доступна через параметр responseText. Так, це буде простий текст, що не XML. Для того, щоб перетворити його в робочий об'єкт, потрібно просто-напросто дати відповідь сервера на розтерзання фунции eval ():
JSON легко читаємо як і XML і дуже гнучкий в плані поводження з різними видами змінних.
Коли використовувати XML?
- Ви зберігаєте дані в форматі XML (в текстових файлах)
- Обсяг відсилається сервером інформації досить великий
Коли використовувати JSON?
AJAX + JSON + eval = швидкість і зручність.