Reg.ru: домены и хостинг
Крупнейший регистратор и хостинг-провайдер в России.
Более 2 миллионов доменных имен на обслуживании.
Продвижение, почта для домена, решения для бизнеса.
Более 700 тыс. клиентов по всему миру уже сделали свой выбор.
Бесплатный Курс "Практика HTML5 и CSS3"
Освойте бесплатно пошаговый видеокурс
по основам адаптивной верстки
на HTML5 и CSS3 с полного нуля.
Фреймворк Bootstrap: быстрая адаптивная вёрстка
Пошаговый видеокурс по основам адаптивной верстки в фреймворке Bootstrap.
Научитесь верстать просто, быстро и качественно, используя мощный и практичный инструмент.
Верстайте на заказ и получайте деньги.
*Наведите курсор мыши для приостановки прокрутки.
Функция load в jQuery
Размер: 35,5 Мб. Длительность: 12 мин. 18 сек. |
В этом видеоуроке мы разберем функцию load из библиотеки jQuery. Эта функция позволяет подгружать содержимое другого файла в текущий файл при наступлении какого-либо события.
Данная возможность может быть полезна, если нужно показать пользователю какой-то контент, находящийся на другой странице, не перенаправляя пользователя на эту страницу.
Это уменьшает время отклика страницы и во многих случаях оправданно для повышения удобства использования сайта.
В видеоуроке мы сначала рассмотрим обычный вариант, когда при клике по ссылкам на определенной странице совершается переход на другую страницу.
После этого мы воспользуемся специальной функцией load и передадим ей в качестве параметра адрес того документа, содержимое которого мы хотим вывести на исходной странице.
Для этого нам нужно сначала определиться с местом, в которое мы будем вставлять информацию, взятую с другой страницы; затем указать, по какому событию будет происходить вставка (в нашем случае - клик по определенному элементу страницы); и, наконец, указать адрес "страницы-донора".
Также у нас есть возможность не только вставлять содержимое другой страницы целиком, но и ее часть. Для этого нужно указать в качестве параметра для функции load адрес, в котором бы содержался еще указатель на некоторый элемент "страницы-донора".
Так, мы можем вставить, к примеру, лишь содержимое какого-то абзаца, или блока div и т.п. Все это существенно расширяет сферу применения данной функции,делая ее более универсальной.
Также отмечу тот факт, что работать мы можем как с HTML-, так и с PHP-файлами. При этом в PHP-файле у нас будут выполняться инструкции, вычисления, или даже просто вывод HTML, что позволяет нам полноценно работать с базой данных, производить любую обработку данных и т.д.
После окончания этой обработки возвращенный HTML-код будет благополучно вставлен в нужное нам место.
Для ознакомления с содержанием урока Вы можете просмотреть видео ниже. Скачать видеоурок в высоком качестве можно по ссылке выше.
P.S. Присмотритесь к премиум-урокам по различным аспектам сайтостроения, включая JavaScript, jQuery и Ajax, а также к бесплатному курсу по адаптивной верстке. Все это позволит вам быстрее овладеть важными навыками в создании сайтов:
Понравился материал и хотите отблагодарить?
Просто поделитесь с друзьями и коллегами!
Смотрите также:
50 классных сервисов, программ и сайтов для веб-разработчиков |
|