Головна особливість Ajax – це те, що він охоплює багато технологій.
Основні із них:
- HTML – використовується для створення веб-форм и вказування полів для використання в вашому ПРИЛОЖЕНИЕ.
- Javascript – основний код, який виконує Ajax-ПРИЛОЖЕНИЯ і який забезпечує за серверними ПРИЛОЖЕНИЯМИ.
- DHTML (Dynamic HTML) – допомагає динамічно оновлювати форми. Ви будете використовувати div, span та інші динамічні HTML – елементи для розмітки вашого HTML.
- DOM (Document Object Module) – об’єктна модель документів. Буде використовуватись(через код Javascript) для роботи зі структурою вашого HTML, і (в деяких випадках) з XML, отриманих з серверу.
Перший об’єкт, про який необхідно дізнатись, і найголовніший(як вже було сказано) є XMLHttpRequest.Це об’єкт JavaScript і створюється він дуже просто:
<script language="javascript" type="text/javascript">
var xmlHttp = new XMLHttpRequest();
</script>
|
Цей об’єкт управляє всім вашим взаємозв’язком з сервером. Саме тут заключається "магія" Ajax. Він поміщає технологію JavaScript та XMLHttpRequest між вашою веб-формою і сервером. Мається на увазі те, що дані, які вводить користувач, не відправляються відразу на сервер, а передаються в який-сь JavaScript-код. Потім цей код передає дані в фоновому режимі(чого користувач навіть не помічає) асинхронно, тобто JavaScript-код(і користувач) не чекають відповіді серверу. Потім дані з серверу передаються назад в JavaScript-код, який вирішує, що з ними робити.
Базова модель запит/відповідь в Ajax.
Основна схема практично у всіх Ajax-ПРИЛОЖЕНИЯХ виглядає так:
1. Отримати дані з Web-форми.
2. Створити URL для підключення.
3. Відкрити підключення з сервером.
4. Встановити функцію для серверу, яка виконається після його відповіді.
5. Передати запит.