Tento blog bude diskutovat o přístupech k opětovnému načtení div bez opětovného načtení celé stránky v JavaScriptu.
Jak znovu načíst div bez opětovného načtení celé stránky v jQuery?
' div “ lze znovu načíst bez opětovného načtení celé stránky pomocí metody „on()“ jQuery v kombinaci s „ zatížení() “ metoda.
Metoda on() sdružuje jeden nebo více obslužných rutin událostí pro prvky a metoda load() načte obsah do načteného prvku. Tyto metody lze kombinovat pro přístup k div a jeho opětovné načtení při spuštěné události.
Příklad
Podívejme se na následující HTML kód:
< tělo >
< h2 > Takto znovu načtete div, aniž byste znovu načetli celou stránku h2 >
< div id = 'myDiv' >
< p > JavaScript je programovací jazyk, který obsahuje funkce , proměnné , události a předměty atd. p >
div >
< knoflík > Znovu načíst knoflík >
tělo >
Ve výše uvedeném bloku kódu:
- Zahrňte uvedený nadpis.
- Zadejte také prvek „“ s atributem „id“.
- Poté přidejte odstavec do značky „
“ a tlačítko pro spuštění požadované funkce.
Nyní přejděme ke kódu JavaScript:
< skript src = 'https://ajax.googleapis.com/ajax/libs/jquery/3.6.1/jquery.min.js' >
skript >
< skript >
$ ( 'knoflík' ) . na ( 'kliknout' , funkce ( ) {
$ ( '#myDiv' ) . zatížení ( '#myDiv' )
upozornění ( 'Re loaded' )
} ) ;V tomto fragmentu kódu
- Zahrňte knihovnu jQuery prostřednictvím „ src ' atribut.
- Otevřete vytvořené tlačítko a přiřaďte „ na() “ metoda.
- Tím se po kliknutí na tlačítko vyvolá zmíněná funkce, jak je patrné z přiložené události „ klikněte “.
- V definici funkce přejděte k přiloženému „ ” a znovu jej načtěte pomocí “ zatížení() “ metodou odkazem na její “ id “.
- V důsledku toho bude přiložený div znovu načten po kliknutí na tlačítko a zobrazí se uvedená zpráva prostřednictvím dialogového okna výstrahy.
Výstup
Lze pozorovat, že div je úspěšně znovu načten, aniž by byla znovu načtena celá stránka.
Závěr
Chcete-li znovu načíst div bez opětovného načtení celé stránky, použijte „ na() “ metoda v kombinaci s “ zatížení() “ metoda. Tyto metody lze použít k opětovnému načtení obsahu prvku div při spuštěné události tím, že k němu přistoupíte a znovu se na něj odkážete. Tento blog popsal metodu, jak znovu načíst div bez opětovného načtení celé stránky.
- Poté přidejte odstavec do značky „