Функция 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 советов

Наверх