Ovaj će blog raspravljati o pristupima ponovnog učitavanja diva bez ponovnog učitavanja cijele stranice u JavaScriptu.
Kako ponovno učitati div bez ponovnog učitavanja cijele stranice u jQuery?
' div ' može se ponovno učitati bez ponovnog učitavanja cijele stranice pomoću jQueryjeve metode 'on()' u kombinaciji s ' opterećenje() ” metoda.
Metoda on() pridružuje jedan ili više rukovatelja događajima za elemente, a metoda load() učitava sadržaj u dohvaćeni element. Ove se metode mogu kombinirati za pristup divu i njegovo ponovno učitavanje nakon pokrenutog događaja.
Primjer
Pogledajmo sljedeći HTML kod:
< tijelo >
< h2 > Ovako ponovno učitati div bez ponovnog učitavanja cijele stranice h2 >
< div id = 'myDiv' >
< str > JavaScript je programski jezik koji sadrži funkcije , varijable , događaji i objekti itd. str >
div >
< dugme > ponovno učitati dugme >
tijelo >
U gornjem bloku koda:
- Uključite navedeni naslov.
- Također, navedite element “” koji ima atribut ”id”.
- Nakon toga uključite odlomak unutar oznake “
” i gumb za pokretanje željene funkcije.
Sada prijeđimo na JavaScript kod:
< skripta src = 'https://ajax.googleapis.com/ajax/libs/jquery/3.6.1/jquery.min.js' >
skripta >
< skripta >
$ ( 'dugme' ) . na ( 'klik' , funkcija ( ) {
$ ( '#myDiv' ) . opterećenje ( '#myDiv' )
uzbuna ( 'ponovno učitano' )
} ) ;U ovom isječku koda
- Uključite jQuery biblioteku putem ' src ” atribut.
- Pristupite kreiranom gumbu i povežite ' na() ” metoda.
- Ovo će pozvati navedenu funkciju nakon klika na gumb, kao što je vidljivo iz priloženog događaja “ klik ”.
- U definiciji funkcije pristupite uključenom ' ' element i ponovno ga učitajte pomoću ' opterećenje() ” pozivajući se na njenu „ iskaznica ”.
- Kao rezultat toga, uključeni div ponovno će se učitati nakon klika na gumb, a navedena poruka će se prikazati putem dijaloškog okvira upozorenja.
Izlaz
Može se uočiti da se div uspješno ponovno učitava bez ponovnog učitavanja cijele stranice.
Zaključak
Za ponovno učitavanje diva bez ponovnog učitavanja cijele stranice upotrijebite ' na() ' metoda u kombinaciji s ' opterećenje() ” metoda. Ove se metode mogu koristiti za ponovno učitavanje sadržaja div-a nakon pokrenutog događaja pristupanjem i ponovnim pozivanjem na njega. Ovaj blog opisuje metodu ponovnog učitavanja diva bez ponovnog učitavanja cijele stranice.
- Nakon toga uključite odlomak unutar oznake “