Ta blog bo razpravljal o pristopih za ponovno nalaganje div brez ponovnega nalaganja celotne strani v JavaScriptu.
Kako znova naložiti div brez ponovnega nalaganja celotne strani v jQuery?
' div ' je mogoče znova naložiti brez ponovnega nalaganja celotne strani z uporabo metode 'on()' jQuery v kombinaciji z ' naloži () ” metoda.
Metoda on() poveže enega ali več obdelovalcev dogodkov za elemente, metoda load() pa naloži vsebino v pridobljeni element. Te metode je mogoče kombinirati za dostop do diva in njegovo ponovno nalaganje ob sproženem dogodku.
Primer
Oglejmo si naslednjo kodo HTML:
< telo >
< h2 > Tako znova naložite div, ne da bi ponovno naložili celotno stran h2 >
< div id = 'myDiv' >
< str > JavaScript je programski jezik, ki vsebuje funkcije , spremenljivke , dogodki in predmeti itd. str >
div >
< gumb > ponovno naloži gumb >
telo >
V zgornjem kodnem bloku:
- Vključite navedeni naslov.
- Določite tudi element “” z atributom “id”.
- Nato vključite odstavek v oznako »
« in gumb za sprožitev želene funkcije.
Zdaj pa preidimo na kodo JavaScript:
< skript src = 'https://ajax.googleapis.com/ajax/libs/jquery/3.6.1/jquery.min.js' >
scenarij >
< scenarij >
$ ( 'gumb' ) . na ( 'klik' , funkcijo ( ) {
$ ( '#myDiv' ) . obremenitev ( '#myDiv' )
opozorilo ( 'Ponovno naloženo' )
} ) ;V tem delčku kode
- Vključite knjižnico jQuery prek » src ” atribut.
- Dostopite do ustvarjenega gumba in povežite » na () ” metoda.
- To bo priklicalo omenjeno funkcijo ob kliku na gumb, kot je razvidno iz priloženega dogodka “ kliknite ”.
- V definiciji funkcije dostopajte do vključenega » ' in ga znova naložite z ' naloži () ' s sklicevanjem na njen ' id ”.
- Posledično se bo vključeni div ponovno naložil po kliku gumba in prikazano bo navedeno sporočilo v pogovornem oknu z opozorilom.
Izhod
Opazimo lahko, da se div uspešno znova naloži, ne da bi ponovno naložili celotno stran.
Zaključek
Če želite znova naložiti div, ne da bi znova naložili celotno stran, uporabite » na () ' metoda v kombinaciji z ' naloži () ” metoda. Te metode je mogoče uporabiti za ponovno nalaganje vsebine diva ob sproženem dogodku, tako da dostopate do nje in se znova sklicujete nanjo. V tem spletnem dnevniku je opisan način ponovnega nalaganja div brez ponovnega nalaganja celotne strani.
- Nato vključite odstavek v oznako »