Tatalakayin ng blog na ito ang mga diskarte upang i-reload ang div nang hindi nire-reload ang buong page sa JavaScript.
Paano I-reload ang div Nang Hindi Nire-reload ang Buong Pahina sa jQuery?
Ang ' div ' ay maaaring i-reload nang hindi nire-reload ang buong page gamit ang 'on()' na pamamaraan ng jQuery kasama ng ' load() ” paraan.
Ang on() method ay nag-uugnay ng isa o higit pang event handler para sa mga elemento, at ang load() method ay naglo-load ng content sa kinuhang elemento. Ang mga pamamaraang ito ay maaaring pagsamahin upang ma-access ang div at i-reload ito sa na-trigger na kaganapan.
Halimbawa
Tingnan natin ang sumusunod na HTML code:
< katawan >
< h2 > Ito ay kung paano i-reload ang div nang hindi nire-reload ang buong page h2 >
< div id = 'myDiv' >
< p > Ang JavaScript ay isang programming language na naglalaman ng mga function , mga variable , mga pangyayari at bagay atbp. p >
div >
< pindutan > Reload pindutan >
katawan >
Sa itaas na bloke ng code:
- Isama ang nakasaad na heading.
- Gayundin, tukuyin ang elementong '' na mayroong attribute na 'id'.
- Pagkatapos nito, isama ang talata sa loob ng tag na “
” at isang button para ma-trigger ang gustong functionality.
Ngayon, lumipat tayo sa JavaScript code:
< script src = 'https://ajax.googleapis.com/ajax/libs/jquery/3.6.1/jquery.min.js' >
iskrip >
< iskrip >
$ ( 'button' ) . sa ( 'click' , function ( ) {
$ ( '#myDiv' ) . load ( '#myDiv' )
alerto ( 'Na-reload' )
} ) ;Sa code snippet na ito
- Isama ang jQuery library sa pamamagitan ng “ src ” katangian.
- I-access ang ginawang button at iugnay ang “ sa() ” paraan.
- Itatawag nito ang nabanggit na function sa pag-click sa pindutan, bilang maliwanag mula sa nakalakip na kaganapan ' i-click ”.
- Sa kahulugan ng function, i-access ang kasamang “ ” elemento at i-load itong muli gamit ang “ load() 'paraan sa pamamagitan ng pagtukoy sa ' id ”.
- Bilang resulta, muling ire-reload ang kasamang div sa pag-click sa pindutan, at ang nakasaad na mensahe sa pamamagitan ng alert dialogue box ay ipapakita.
Output
Mapapansing matagumpay na na-reload ang div nang hindi nire-reload ang buong page.
Konklusyon
Upang i-reload ang div nang hindi nire-reload ang buong page, gamitin ang “ sa() 'paraan kasama ang ' load() ” paraan. Ang mga pamamaraang ito ay maaaring gamitin upang i-reload ang nilalaman ng div sa na-trigger na kaganapan sa pamamagitan ng pag-access dito at pagre-refer dito muli. Inilarawan ng blog na ito ang paraan upang i-reload ang div nang hindi nire-reload ang buong page.
- Pagkatapos nito, isama ang talata sa loob ng tag na “