Tento blog bude diskutovať o prístupoch k opätovnému načítaniu div bez opätovného načítania celej stránky v JavaScripte.
Ako znovu načítať div bez opätovného načítania celej stránky v jQuery?
' div ” možno znova načítať bez opätovného načítania celej stránky pomocou metódy jQuery „on()“ v kombinácii s „ naložiť() “.
Metóda on() spája jeden alebo viac obslužných programov udalostí pre prvky a metóda load() načíta obsah do načítaného prvku. Tieto metódy je možné skombinovať, aby ste získali prístup k div a znova ho načítali pri spustenej udalosti.
Príklad
Pozrime sa na nasledujúci HTML kód:
< telo >
< h2 > Takto znovu načítate div bez opätovného načítania celej stránky h2 >
< div id = 'myDiv' >
< p > JavaScript je programovací jazyk, ktorý obsahuje funkcie , premenných , udalosti a predmety atď. p >
div >
< tlačidlo > znovu načítať tlačidlo >
telo >
Vo vyššie uvedenom bloku kódu:
- Zahrňte uvedený nadpis.
- Zadajte tiež prvok „“ s atribútom „id“.
- Potom pridajte odsek do značky „
“ a tlačidlo na spustenie požadovanej funkcie.
Teraz prejdime ku kódu JavaScript:
< skript src = 'https://ajax.googleapis.com/ajax/libs/jquery/3.6.1/jquery.min.js' >
skript >
< skript >
$ ( 'tlačidlo' ) . na ( 'klik' , funkciu ( ) {
$ ( '#myDiv' ) . naložiť ( '#myDiv' )
upozorniť ( 'Reloaded' )
} ) ;V tomto útržku kódu
- Zahrňte knižnicu jQuery prostredníctvom „ src “.
- Prejdite k vytvorenému tlačidlu a priraďte „ na () “.
- Toto vyvolá uvedenú funkciu po kliknutí na tlačidlo, ako je zrejmé z priloženej udalosti “ kliknite “.
- V definícii funkcie prejdite na zahrnuté „ “ a znova ho načítajte pomocou „ naložiť() “ metóda odkazom na jej “ id “.
- V dôsledku toho sa zahrnutý div znova načíta po kliknutí na tlačidlo a zobrazí sa uvedená správa prostredníctvom dialógového okna výstrahy.
Výkon
Dá sa pozorovať, že div sa úspešne znovu načíta bez opätovného načítania celej stránky.
Záver
Ak chcete znova načítať div bez opätovného načítania celej stránky, použite „ na () “ metóda v kombinácii s “ naložiť() “. Tieto metódy možno použiť na opätovné načítanie obsahu div pri spustenej udalosti tak, že k nemu pristúpite a znova sa naň odkážete. Tento blog opísal spôsob opätovného načítania prvku div bez opätovného načítania celej stránky.
- Potom pridajte odsek do značky „