Aquest bloc parlarà dels enfocaments per tornar a carregar el div sense tornar a carregar tota la pàgina en JavaScript.
Com tornar a carregar el div sense tornar a carregar tota la pàgina a jQuery?
El ' div ' es pot tornar a carregar sense tornar a carregar tota la pàgina utilitzant el mètode 'on()' de jQuery en combinació amb el ' carregar () ” mètode.
El mètode on() associa un o més controladors d'esdeveniments per als elements, i el mètode load() carrega el contingut a l'element obtingut. Aquests mètodes es poden combinar per accedir al div i tornar-lo a carregar després de l'esdeveniment activat.
Exemple
Anem a veure el codi HTML següent:
< cos >
< h2 > Així és com tornar a carregar el div sense tornar a carregar la pàgina sencera h2 >
< id div = 'el meuDiv' >
< pàg > JavaScript és un llenguatge de programació que conté funcions , les variables , esdeveniments i objectes, etc. pàg >
div >
< botó > recarregar botó >
cos >
Al bloc de codi anterior:
- Incloeu l'encapçalament indicat.
- A més, especifiqueu l'element '' amb l'atribut 'id'.
- Després d'això, inclou el paràgraf dins de l'etiqueta '
' i un botó per activar la funcionalitat desitjada.
Ara, passem al codi JavaScript:
< script src = 'https://ajax.googleapis.com/ajax/libs/jquery/3.6.1/jquery.min.js' >
guió >
< guió >
$ ( 'botó' ) . activat ( 'clic' , funció ( ) {
$ ( '#myDiv' ) . càrrega ( '#myDiv' )
alerta ( 'Recarregat' )
} ) ;En aquest fragment de codi
- Incloeu la biblioteca jQuery mitjançant el ' src ” atribut.
- Accediu al botó creat i associa el ' en() ” mètode.
- Això invocarà la funció esmentada al fer clic al botó, com es desprèn de l'esdeveniment adjunt ' feu clic ”.
- A la definició de la funció, accediu a l'element ' ” i carregar-lo de nou utilitzant el “ carregar () ” mètode fent referència al seu “ id ”.
- Com a resultat, el div inclòs es tornarà a carregar al fer clic al botó i es mostrarà el missatge indicat a través del quadre de diàleg d'alerta.
Sortida
Es pot observar que el div es torna a carregar correctament sense tornar a carregar tota la pàgina.
Conclusió
Per tornar a carregar el div sense tornar a carregar tota la pàgina, utilitzeu el ' a() ” mètode en combinació amb el “ carregar () ” mètode. Aquests mètodes es poden utilitzar per tornar a carregar el contingut del div després de l'esdeveniment activat accedint-hi i fent-hi referència de nou. Aquest bloc va descriure el mètode per tornar a carregar el div sense tornar a carregar tota la pàgina.
- Després d'això, inclou el paràgraf dins de l'etiqueta '