Reg.ru: домены и хостинг

Крупнейший регистратор и хостинг-провайдер в России.

Более 2 миллионов доменных имен на обслуживании.

Продвижение, почта для домена, решения для бизнеса.

Более 700 тыс. клиентов по всему миру уже сделали свой выбор.

Перейти на сайт->

Бесплатный Курс "Практика HTML5 и CSS3"

Освойте бесплатно пошаговый видеокурс

по основам адаптивной верстки

на HTML5 и CSS3 с полного нуля.

Начать->

Фреймворк Bootstrap: быстрая адаптивная вёрстка

Пошаговый видеокурс по основам адаптивной верстки в фреймворке Bootstrap.

Научитесь верстать просто, быстро и качественно, используя мощный и практичный инструмент.

Верстайте на заказ и получайте деньги.

Получить в подарок->

Бесплатный курс "Сайт на WordPress"

Хотите освоить CMS WordPress?

Получите уроки по дизайну и верстке сайта на WordPress.

Научитесь работать с темами и нарезать макет.

Бесплатный видеокурс по рисованию дизайна сайта, его верстке и установке на CMS WordPress!

Получить в подарок->

*Наведите курсор мыши для приостановки прокрутки.


Функция load в jQuery

Размер: 35,5 Мб.

Длительность: 12 мин. 18 сек.

Видеоурок + исходники

Демонстрация

В этом видеоуроке мы разберем функцию load из библиотеки jQuery. Эта функция позволяет подгружать содержимое другого файла в текущий файл при наступлении какого-либо события.

Данная возможность может быть полезна, если нужно показать пользователю какой-то контент, находящийся на другой странице, не перенаправляя пользователя на эту страницу.

Это уменьшает время отклика страницы и во многих случаях оправданно для повышения удобства использования сайта.

В видеоуроке мы сначала рассмотрим обычный вариант, когда при клике по ссылкам на определенной странице совершается переход на другую страницу.

После этого мы воспользуемся специальной функцией load и передадим ей в качестве параметра адрес того документа, содержимое которого мы хотим вывести на исходной странице.

Для этого нам нужно сначала определиться с местом, в которое мы будем вставлять информацию, взятую с другой страницы; затем указать, по какому событию будет происходить вставка (в нашем случае - клик по определенному элементу страницы); и, наконец, указать адрес "страницы-донора".

Хостинг

Также у нас есть возможность не только вставлять содержимое другой страницы целиком, но и ее часть. Для этого нужно указать в качестве параметра для функции load адрес, в котором бы содержался еще указатель на некоторый элемент "страницы-донора".

Так, мы можем вставить, к примеру, лишь содержимое какого-то абзаца, или блока div и т.п. Все это существенно расширяет сферу применения данной функции,делая ее более универсальной.

Также отмечу тот факт, что работать мы можем как с HTML-, так и с PHP-файлами. При этом в PHP-файле у нас будут выполняться инструкции, вычисления, или даже просто вывод HTML, что позволяет нам полноценно работать с базой данных, производить любую обработку данных и т.д.

После окончания этой обработки возвращенный HTML-код будет благополучно вставлен в нужное нам место.

Для ознакомления с содержанием урока Вы можете просмотреть видео ниже. Скачать видеоурок в высоком качестве можно по ссылке выше.


P.S. Присмотритесь к премиум-урокам по различным аспектам сайтостроения, включая JavaScript, jQuery и Ajax, а также к бесплатному курсу по адаптивной верстке. Все это позволит вам быстрее овладеть важными навыками в создании сайтов:

Понравился материал и хотите отблагодарить?
Просто поделитесь с друзьями и коллегами!


Смотрите также:

50 классных сервисов, программ и сайтов для веб-разработчиков

50 классных сервисов, программ и сайтов для веб-разработчиков

Как прописать DNS-серверы для домена?

Как прописать DNS-серверы для домена?

Как создать почтовый ящик со своим доменом?

Как создать почтовый ящик со своим доменом?

Как купить занятый домен?

Как купить занятый домен?

Как продлить доменное имя?

Как продлить доменное имя?

Как выбрать и зарегистрировать домен?

Как выбрать и зарегистрировать домен?

10 вещей, которые сведут с ума посетителей вашего сайта

10 вещей, которые сведут с ума посетителей вашего сайта

Добавляем будильник к цифровым часам на CSS3 и jQuery

Добавляем будильник к цифровым часам на CSS3 и jQuery

Как сделать цифровые часы с помощью CSS3 и jQuery?

Как сделать цифровые часы с помощью CSS3 и jQuery?

Плавная прокрутка страницы вверх на jQuery

Плавная прокрутка страницы вверх на jQuery

JavaScript без jQuery: 10 советов

JavaScript без jQuery: 10 советов

Наверх