З цієї статті Ви дізнаєтесь про те, як можна виводити будь-html-код через спеціальну технологію AJAX. Це не дуже легко і вимагає певних знань, але не варто хвилюватися, що у вас не вийде. Нижче буде дана докладна інструкція, за якою навіть новачок зможе розібратися. Перш ніж приступати безпосередньо до інструкції, відповім на питання, а взагалі навіщо це потрібно і які є варіанти.
Інструкція щодо виведення контенту через AJAX
1) Додати в заголовну директорію
Наступного скрипт:Таким чином ми підключимо необхідні бібліотеки для роботи AJAX прямо з їх офіційного сайту.
2) Створіть html або php документ з кодом, який, ви хочете виводити через AJAX. Наприклад, створимо файл text-dlya-ajax.html і пропишемо в ньому:
Тепер blockajax буде характеризуватися файлом text-dlya-ajax.html.
Примітка
Якщо потрібно вивести багато таких прив'язок "блок" = "html-код", то можна прописати як завгодно багато різних відповідностей:
4) Підключіть файл ajax.js до документа через заголовки тег
:5) В місці де потрібно вивести html-текст файлу text-dlya-ajax.html напишіть:
замість
довантажити наш html-код з файлу text-dlya-ajax.html. В цьому і є сенс: що коду на сторінці нету, а висновок потрібного нам контенту є.Більше робити нічого не потрібно. Тепер Ви можете легко виводити контент через AJAX.
Ви можете завантажити вище описаний приклад за наступним посиланням: ajax.rar
Примітка
До речі, через AJAX також можна виводити і інтерпітіровать PHP-код. А це відкриває величезні можливості перед Вами.
Наприклад, на багатьох сайтах можна зустріти посилання на мітки, які стоять на кожній сторінці сайту в сайдбарі. Виходить, що сторінки з мітками мають найбільші ваги, хоча не містять важливої інформації. Також сюди можна віднести інші зайві посилання на сторінках, які в принципі не потрібні.
Звичайно, можна закрити всі посилання в мітках в rel = "nofollow". проте дослідження показали, що таким способом втрачається вага на сайті, тобто ця вага нікому не передається, він як би просто випаровується (звучить дивно, але це так).
2. Другою причиною використання виводити html через AJAX є зменшення коду на сторінці сайту. Знову таки це потрібно для пошукових систем. Наприклад, футер сайту постійно дублює один і той же код, який тільки забирає зайву вагу зі сторінки, тому було б добре цей код прибрати, але футер залишити. Аякс ідеально підходить для вирішення цієї проблеми.
3. Сторінка з використанням AJAX вантажиться по блоках, тобто кожен елемент як би вантажитися синхронно і не залежить від інших. Таким чином "важкі" елементи на сайті не будуть гальмувати завантаження інших частин сайту. Це більш зручно для користувача, оскільки він бачить, що сайт вантажиться і відчуває себе більш спокійно, ніж коли завантаження сайту на чимось застопорилася.