Selles ajaveebis käsitletakse lähenemisviise div uuesti laadimiseks ilma kogu JavaScripti lehte uuesti laadimata.
Kuidas div uuesti laadida ilma kogu jQuery lehte uuesti laadimata?
' div ' saab uuesti laadida ilma kogu lehte uuesti laadimata, kasutades jQuery meetodit 'on()' koos funktsiooniga ' laadige () ” meetod.
Meetod on() seob elementide jaoks ühe või mitu sündmusekäsitlejat ja meetod load() laadib sisu toodud elementi. Neid meetodeid saab kombineerida, et pääseda juurde div-le ja käivitatud sündmuse korral uuesti laadida.
Näide
Vaatame järgmist HTML-koodi:
< keha >
< h2 > Nii saate div uuesti laadida ilma kogu lehte uuesti laadimata h2 >
< divi id = 'myDiv' >
< lk > JavaScript on programmeerimiskeel, mis sisaldab funktsioone , muutujad , sündmused ja objektid jne. lk >
div >
< nuppu > uuesti laadima nuppu >
keha >
Ülaltoodud koodiplokis:
- Lisage märgitud pealkiri.
- Samuti määrake element '', millel on atribuut 'id'.
- Pärast seda lisage lõik märgendisse „
” ja nupp soovitud funktsiooni käivitamiseks.
Liigume nüüd edasi JavaScripti koodi juurde:
< skript src = 'https://ajax.googleapis.com/ajax/libs/jquery/3.6.1/jquery.min.js' >
stsenaarium >
< stsenaarium >
$ ( 'nupp' ) . peal ( 'klõpsake' , funktsiooni ( ) {
$ ( '#myDiv' ) . koormus ( '#myDiv' )
hoiatus ( 'Uuesti laaditud' )
} ) ;Selles koodilõigul
- Kaasake jQuery teek '' src ” atribuut.
- Juurdepääs loodud nupule ja seostage ' peal() ” meetod.
- See käivitab mainitud funktsiooni nupu klõpsamisel, nagu ilmneb lisatud sündmusest ' klõpsa ”.
- Funktsiooni definitsioonis pääsete juurde kaasatud ' ' element ja laadige see uuesti, kasutades ' laadige () 'meetodit, viidates selle ' id ”.
- Selle tulemusena laaditakse lisatud div uuesti nupu klõpsamisel ja kuvatakse hoiatuste dialoogiboksis märgitud teade.
Väljund
Võib täheldada, et div on edukalt uuesti laaditud ilma kogu lehte uuesti laadimata.
Järeldus
Divi uuesti laadimiseks ilma kogu lehte uuesti laadimata kasutage ' peal() ' meetod kombinatsioonis ' laadige () ” meetod. Neid meetodeid saab kasutada divi sisu uuesti laadimiseks käivitatud sündmuse korral, avades sellele juurdepääsu ja viidates sellele uuesti. Selles ajaveebis kirjeldati meetodit div uuesti laadimiseks ilma kogu lehte uuesti laadimata.
- Pärast seda lisage lõik märgendisse „