Вы находитесь на странице: 1из 16

Ajax технология

Данильченко Анна Александровна


Преподаватель кафедры программного
обеспечения систем ЖГТУ
AJAX — это аббревиатура, которая означает
Asynchronous Javascript and XML.
При использовании AJAX нет необходимости обновлять каждый раз
всю страницу, так как обновляется только ее конкретная часть.

AJAX использует два метода работы с веб-страницей: изменение


Web-страницы не перезагружая её, и динамическое обращение к
серверу.
Свою популярность AJAX приобрел после того, как был использован
компанией Google в сервисах Gmail, Google Maps и Google Suggest.
Обобщим достоинства AJAX:

 Возможность создания удобного Web-интерфейса


 Активное взаимодействие с пользователем
 Частичная перезагрузка страницы, вместо полной
 Удобство использования
при использовании AJAX:

 Пользователь открывает веб-страницу;


 Скрипт, который написан на языке JavaScript, определяет информацию, которую необходимо
загрузить для обновления страницы;
 Клиент отправляет соответствующий запрос на сервер;
 Сервер передает обратно только ту часть документа, на которую пришел запрос;
 Скрипт вносит изменения(полученную информацию) на страницу без ее полной перезагрузки.
У AJAX можно выделить несколько весомых
преимуществ:
 Экономия трафика при работе с веб-приложениями, так как загружается только изменившаяся
часть страницы, а не вся страница целиком.
 Снижение нагрузки на сервер за счет снижения количества HTTP-соединений (не нужно для
каждой страницы в отдельности загружать “шапку”, меню навигации, “подвал” и т.д.).
 Большая скорость работы интерфейса и увеличение скорости отклика на действия пользователя.
 Практически безграничные возможности для интерактивной обработки веб-страниц.
AJAX недостатки:
- Страницы, которые создаются динамически, не регистрируются в истории браузера и поэтому
становится невозможным использование кнопки “Назад” (а все мы к ней так привыкли!) и создание
закладки с нужным пользователю материалом.
- Контент сайта, который подгружается динамически, становится недоступным для индексирования
поисковым системам, что порождает требование к созданию альтернативного доступа к контенту,
что, в свою очередь, увеличивает затраты на создание сайта.
- Становятся неактуальными старые методы учета статистики сайта по просмотру новых страниц, что
требует разработки новых скриптов для правильного ее ведения.
- Усложняется проект за счет переноса на сторону пользователя процессов первичного
форматирования данных, что усложняет контроль целостности форматов и типов.
- В браузере пользователя должен быть включен JavaScript.
- Длительное время первой загрузки и большая нагрузка на канал между клиентом и сервером из-за
того, что передаваемая информация не кэшируется нигде, даже если это и возможно.
- Низкая скорость при большом количестве AJAX-запросов, что может сделать страницу медленнее
традиционной.
Пример (зависимые списки)

1. Создаем файл модели автомобилей


2. Ключи массива – это модели автомобилей в нашем представлении,
вложенные массивы – серии для конкретных моделей.
3. Создаем файл form.php
4. Подключаем jquery

5. Для работы с формой мы будем использовать JQuery фреймворк, который


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

Обозначение объектов JavaScript (JSON - JavaScript Object Notation) - стандартный текстовый


формат для представления структурированных данных на основе синтаксиса объекта
JavaScript. Он обычно используется для передачи данных в веб-приложениях (например,
отправка некоторых данных с сервера клиенту,таким образом чтобы это могло отображаться
на веб-странице или наоборот)
Как описано выше, JSON представляет собой строку, формат которой очень
похож на буквенный формат объекта JavaScript. Вы можете включать одни и те
же базовые типы данных внутри JSON, так же как и  в стандартном объекте
JavaScript - строки, числа, массивы, булевы и другие объектные литералы. Это
позволяет построить иерархию данных, к примеру, так:

json_encode — Возвращает JSON-представление данных


Пример использования json_encode()
Задание

 Вывести зависимые списки из ваших таблиц базы данных


Задание
Вывести зависимые таблицы при клике на строчку (например кликаем на
строчку с покупателем и выводятся все его заказы)
ЖИВОЙ ПОИСК НА AJAX

 Разаработать поиск по всем полям таблицы


 В одно поле вводим значение ищет по всем полям