Змішайте Ajax в HTML з Intercooler.js
Це ніколи не було легше додайте Ajax на будь-який веб-сайт. Насправді це досить поширене створення цілих сайтів базується на запитах Ajax називається Програми на одній сторінці (або SPA).
Проте це завжди вимагало трохи jQuery і деякі технічні суперечки оновити вміст сторінки. Якщо вам просто потрібно Основна функціональність Ajax можна використовувати intercooler.js змішати це право в HTML.
Інтеркулер дозволяє писати атрибути HTML містять URL-адреси запиту Ajax. Коли користувачі натискають певні посилання, ви можете диктувати це Запити Ajax виконуються замість звичайної дії клацання.
Це все покладається на атрибути даних HTML5 як от ic-post-to. Ви можете додати цей атрибут до кнопки або прив'язки, і це буде автоматично підключається до jQuery для запиту AJAX POST.
Насправді є сторінка повні цих атрибутів на сайті плагіна. Ось трохи зразок коду побачити, як вона виглядає:
Натисніть Мене!
Це було б надішліть запит AJAX POST до URL / buton_click, і завантажте відповідь в елемент контейнера. Інтеркулер - це досить проста бібліотека і неймовірно потужна, як тільки ви зрозумієте, як вона працює.
Зрозуміло, це не вирішить всіх ваших проблем Ajax, тому що це не можна автоматично оновлювати інші області сторінки. Він також неможливо додати занадто багато спеціальних функцій без уповільнення сторінки, так детально SPA дійсно використовувати спеціальний код Ajax.
Intercooler.js пропонує a більше семантичного способу написання коду Ajax так що він завантажує і навіть пропонує рідний запасний варіант.
До встановити інтеркулер Вам просто потрібно a копію jQuery разом з копію бібліотеки інтеркулера які можна знайти на GitHub. Можна навіть випробування без завантаження будь-які файли за допомогою jQuery CDN і локальний інтеркулер CDN.
Помістіть обидві частини >
Подивіться на сторінку демонстрації щоб побачити a повний список демонстрацій ви можете пограти. Особливо мені подобається демонстрація "Натисніть, щоб змінити", оскільки вона показує саме те, що можливо і як далеко ви можете взяти цей плагін.
Якщо вас цікавить дізнатися більше перевірте довідник повний атрибутів інтеркулера HTML. Кожен виконує різні дії тому дуже важливо вивчити їх усіх і подивитися, що найкраще підходить для вашого сценарію.
Природно, можна знайти весь вихідний код безкоштовно на GitHub разом з короткий посібник зі встановлення.
