Ajax — обновление контента без перезагрузки страницы
Если в ответ на какие-то действия пользователя на страничке должен измениться только один блок, то стоит подумать о применеии Ajax.
Принцип работы Ajax заключается в следующем.
- Имеется URL какого-то источника веб-контента (не важно, сторонний это источник, или он находится на том же хосте).
- На текущей страничке с помощью атрибута id отмечается элемент (назовем его "элемент назначения").
- С помощью Ajax содержимое элемента назначения заменяется контентом источника.
В Blox CMS Ajax осуществляется с помощью следующей JavaScript функции Blox.ajax().
<script>Blox.ajax('Url-источника', 'Id-элемента-назначения', 'ПослеФункция');</script>
Первые два строковых параметра уже описаны выше. С третьим параметром Вы познакомитесь в статье "Вызов JavaScript функции после завершения Ajax-загрузки". Обязательным параметром является только первый параметр.
Инициализация функции Blox.ajax()
Метод Blox.ajax() имеет ограниченные возможности.
Рекомендуем применять jQuery.ajax()
Для инициализации функции Blox.ajax() необходимо подключить файл blox.ajax.js, находящийся в папке style системы управления.
Прямой способ подключения файла blox.ajax.js<?php Blox::addToHead( Blox::info('cms','url').'/assets/blox.ajax.js' ); ?>
Есть более простой способ подключения файла — с помощью параметра dst в дескрипторе.
В следующих статьях рассматриваются различные варианты применения Ajax в шаблонах Blox CMS. Нетерпеливые читатели могут сразу перейти к основному примеру кода, приведенного в статье "Ajax, дружественный к поисковым роботам".
Примечания
- Для решения с помощью Ajax сложных задач, лучше воспользоваться плагином jQuery.ajax() из библиотеки jQuery.
