Смешайте Ajax в HTML с Intercooler.js
Это никогда не было проще добавить Ajax на любой сайт. На самом деле довольно часто можно создавать целые сайты. основанный на запросах Ajax называется Одностраничные приложения (или SPA).
Однако это всегда требовало немного jQuery и некоторых технических проблем обновить содержимое страницы. Если вам просто нужно немного базовая функциональность Ajax ты можешь использовать intercooler.js чтобы смешать это прямо в ваш HTML.
Intercooler позволяет писать атрибуты HTML, которые изначально содержат URL-адреса запроса Ajax. Когда пользователи нажимают на определенные ссылки, вы можете Запросы Ajax запускаются вместо обычного действия щелчка.
Это все опирается на HTML5 data- * атрибуты такие как IC-пост-к. Вы можете добавить этот атрибут к кнопке или привязке, и он будет автоматически подключаться к JQuery для запроса Ajax POST.
Там на самом деле страница полный этих атрибутов на сайте плагина. Вот немного образец кода чтобы увидеть, как это выглядит:
Нажми на меня!
Это будет отправьте запрос Ajax POST на URL / buton_click, а также загрузить ответ в элемент контейнера. Intercooler - довольно простая библиотека, невероятно мощная, когда вы понимаете, как она работает.
Конечно, это не решит все ваши проблемы с Ajax, потому что не может автоматически обновлять другие области страницы. Это также не может добавить слишком много пользовательских функций без замедления страницы, поэтому подробный СПА должен действительно использовать пользовательский код Ajax.
Intercooler.js предлагает более семантический способ написания Ajax-кода так что он загружается и даже предлагает родной запасной вариант.
к установить интеркулер тебе просто нужно копия jQuery вместе с копия библиотеки интеркулера который можно найти на GitHub. Вы можете даже тест без скачивания любые файлы с использованием CDN jQuery и локального CDN Intercooler.
Положите оба в >
Взгляните на демонстрационная страница чтобы увидеть полный список демонстраций Вы можете играть с. Мне особенно нравится демонстрация «Нажмите, чтобы изменить», потому что она показывает, что именно возможно и как далеко вы можете пройти этот плагин.
Если вы заинтересованы в узнать больше проверить справочник полный атрибутов интеркулер HTML. Каждый выполняет другое действие поэтому очень важно изучить их все и посмотреть, что подходит лучше всего для вашего сценария.
Естественно, вы можете найти весь исходный код бесплатно на GitHub вместе с краткое руководство по установке.
