Како поново учитати див без поновног учитавања целе странице у јКуери-ју

Kako Ponovo Ucitati Div Bez Ponovnog Ucitavana Cele Stranice U Jkueri Ju



Док креирате више веб страница за сајт, може постојати захтев за реплицирањем података. На пример, коришћење истих података на другој веб страници након покренутог догађаја. У таквим ситуацијама, поновно учитавање дива без поновног учитавања целе странице помаже у ефикасном управљању подацима, чиме се штеди време.

Овај блог ће расправљати о приступима поновном учитавању див без поновног учитавања целе странице у ЈаваСцрипт-у.

Како поново учитати див без поновног учитавања целе странице у јКуери-ју?

див ” може се поново учитати без поновног учитавања целе странице користећи јКуери метод „он()” у комбинацији са „ лоад() ” метод.







Метода он() повезује један или више руковалаца догађаја за елементе, а метода лоад() учитава садржај у преузети елемент. Ове методе се могу комбиновати да би се приступило див и поново га учитало након активираног догађаја.



Пример
Хајде да прегледамо следећи ХТМЛ код:



< тело >
< х2 > Овако можете поново учитати див без поновног учитавања целе странице х2 >
< див ид = 'миДив' >
< стр > ЈаваСцрипт је програмски језик који садржи функције , Променљиве , догађаји и предмети итд. стр >
див >
< дугме > Освежи дугме >
тело >

У горњем блоку кода:





  • Укључите наведени наслов.
  • Такође, наведите елемент “<див>” који има атрибут “ид”.
  • Након тога, укључите пасус унутар ознаке „<п>” и дугме за покретање жељене функционалности.

Сада, пређимо на ЈаваСцрипт код:

< сцрипт срц = '9884Е49288580Ф9ДЕД5Б7АА83Д206БАЕ51Ф9Д879' >
скрипта >
< скрипта >
$ ( 'дугме' ) . на ( 'кликни' , функција ( ) {
$ ( '#миДив' ) . оптерећење ( '#миДив' )
узбуна ( 'Поново учитан' )
} ) ;

У овом исечку кода



  • Укључите јКуери библиотеку преко „ срц ” атрибут.
  • Приступите креираном дугмету и повежите „ на() ” метод.
  • Ово ће позвати поменуту функцију након клика на дугме, као што је видљиво из приложеног догађаја „ клик ”.
  • У дефиницији функције, приступите укљученом „ <див> ” елемент и поново га учитајте користећи „ лоад() ” метод позивајући се на његов „ ид ”.
  • Као резултат тога, укључени див ће се поново учитати након клика на дугме, а наведена порука преко дијалога упозорења ће бити приказана.

Излаз

Може се приметити да се див успешно поново учитава без поновног учитавања целе странице.

Закључак

Да бисте поново учитали див без поновног учитавања целе странице, користите „ на() ” метод у комбинацији са „ лоад() ” метод. Ове методе се могу користити за поновно учитавање садржаја дива након покренутог догађаја тако што ће му се приступити и поново упутити на њега. Овај блог је описао метод за поновно учитавање див без поновног учитавања целе странице.