Смешайте Ajax в HTML с Intercooler.js

Никогда еще не было так легко добавить Ajax на любой веб-сайт. На самом деле довольно часто можно создавать целые веб-сайты на основе запросов Ajax, которые называются одностраничными приложениями (или ООР).

Однако для обновления содержимого страницы всегда требовалось немного jQuery и некоторые технические споры. Если вам просто нужна базовая функциональность Ajax, вы можете использовать intercooler.js чтобы смешать это прямо в ваш HTML.

Читайте также: Как создать HTML5 / CSS3 контактную форму на основе Ajax

Intercooler позволяет писать атрибуты HTML, которые изначально содержат URL-адреса Ajax-запросов. Когда пользователи нажимают определенные ссылки, вы можете диктовать, что запросы Ajax выполняются вместо обычного действия щелчка.

Все это опирается на атрибуты data- * HTML5, такие как ic-post-to. Вы можете добавить этот атрибут к кнопке или привязке, и он автоматически подключится к jQuery для запроса Ajax POST.

Там на самом деле страница полный этих атрибутов на сайте плагина. Вот небольшой пример кода, чтобы увидеть, как он выглядит:
Нажми на меня!
Это отправит запрос Ajax POST на URL / buton_click и загрузит ответ в элемент контейнера. Intercooler – довольно простая библиотека, невероятно мощная, когда вы понимаете, как она работает.

Конечно, это не решит все ваши проблемы с Ajax, потому что он не может автоматически обновлять другие области страницы. Он также не может добавлять слишком много пользовательских функций без замедления страницы, поэтому подробный SPA должен действительно использовать пользовательский код Ajax.

Intercooler.js предлагает более семантический способ написания Ajax-кода, чтобы он загружался и даже предлагал собственный запасной вариант.

Для установки интеркулера вам просто нужна копия jQuery вместе с копией библиотеки интеркулера, которую можно найти на GitHub, Вы можете даже протестировать, не загружая никаких файлов, используя jQuery CDN и локальный Интеркулер CDN,

Положите оба в