В этом блоге будут обсуждаться подходы к перезагрузке div без перезагрузки всей страницы в JavaScript.
Как перезагрузить div без перезагрузки всей страницы в jQuery?
“ див » можно перезагрузить без перезагрузки всей страницы, используя метод jQuery «on()» в сочетании с « нагрузка() метод.
Метод on() связывает один или несколько обработчиков событий для элементов, а метод load() загружает содержимое в выбранный элемент. Эти методы можно комбинировать, чтобы получить доступ к div и перезагрузить его при инициированном событии.
Пример
Давайте рассмотрим следующий HTML-код:
< тело >
< h2 > Вот как перезагрузить div без перезагрузки всей страницы h2 >
< идентификатор div знак равно 'myDiv' >
< п > JavaScript — это язык программирования, который содержит функции , переменные , события и объекты и т. д. п >
див >
< кнопка > перезагрузить кнопка >
тело >
В приведенном выше блоке кода:
- Включите указанный заголовок.
- Также укажите элемент «», имеющий атрибут «id».
- После этого включите абзац в тег «
» и кнопку для запуска нужной функции.
Теперь давайте перейдем к коду JavaScript:
< источник сценария знак равно 'https://ajax.googleapis.com/ajax/libs/jquery/3.6.1/jquery.min.js' >
сценарий >
< сценарий >
$ ( 'кнопка' ) . на ( 'щелкнуть' , функция ( ) {
$ ( '#myDiv' ) . нагрузка ( ' #myDiv' )
тревога ( «Перезагрузка» )
} ) ;В этом фрагменте кода
- Включите библиотеку jQuery через « источник атрибут.
- Получите доступ к созданной кнопке и свяжите « на() метод.
- Это вызовет указанную функцию при нажатии кнопки, как видно из прикрепленного события « нажмите ».
- В определении функции получите доступ к включенному « <дел> » и загрузите его снова, используя « нагрузка() », ссылаясь на его « я бы ».
- В результате включенный div будет перезагружен снова при нажатии кнопки, и будет отображаться указанное сообщение в диалоговом окне предупреждения.
Вывод
Можно заметить, что div успешно перезагружается без перезагрузки всей страницы.
Заключение
Чтобы перезагрузить div без перезагрузки всей страницы, используйте « на() 'метод в сочетании с ' нагрузка() метод. Эти методы можно использовать для перезагрузки содержимого div при инициированном событии путем доступа к нему и повторного обращения к нему. В этом блоге описан метод перезагрузки div без перезагрузки всей страницы.
- После этого включите абзац в тег «