Este blog discutirá los enfoques para recargar el div sin recargar la página completa en JavaScript.
¿Cómo recargar el div sin recargar toda la página en jQuery?
Él ' división ” se puede recargar sin recargar toda la página usando el método “on()” de jQuery en combinación con el “ carga() ' método.
El método on() asocia uno o más controladores de eventos para los elementos, y el método load() carga el contenido en el elemento obtenido. Estos métodos se pueden combinar para acceder al div y recargarlo en el evento desencadenado.
Ejemplo
Repasemos el siguiente código HTML:
< cuerpo >
< h2 > Así es como recargar el div sin recargar toda la página h2 >
< identificación div = 'miDiv' >
< pag > JavaScript es un lenguaje de programación que contiene funciones , Variables , eventos y objetos, etc. pag >
división >
< botón > recargar botón >
cuerpo >
En el bloque de código anterior:
- Incluya el encabezado indicado.
- Además, especifique el elemento '' que tiene el atributo 'id'.
- Después de eso, incluya el párrafo dentro de la etiqueta “
” y un botón para activar la funcionalidad deseada.
Ahora, pasemos al código JavaScript:
< origen del script = 'https://ajax.googleapis.com/ajax/libs/jquery/3.6.1/jquery.min.js' >
texto >
< texto >
$ ( 'botón' ) . sobre ( 'hacer clic' , función ( ) {
$ ( '#miDiv' ) . carga ( '#miDiv' )
alerta ( 'Recargado' )
} ) ;En este fragmento de código
- Incluya la biblioteca jQuery a través de ' origen ' atributo.
- Accede al botón creado y asocia el “ sobre() ' método.
- Esto invocará la función mencionada al hacer clic en el botón, como se desprende del evento adjunto ' hacer clic ”.
- En la definición de la función, acceda al incluido “ ” y cárguelo nuevamente usando el “ carga() ” método refiriéndose a su “ identificación ”.
- Como resultado, el div incluido se volverá a cargar al hacer clic en el botón y se mostrará el mensaje indicado a través del cuadro de diálogo de alerta.
Producción
Se puede observar que el div se recarga con éxito sin recargar toda la página.
Conclusión
Para recargar el div sin recargar toda la página, use el ' sobre() ” método en combinación con el “ carga() ' método. Estos métodos se pueden utilizar para recargar el contenido del div en el evento desencadenado accediendo a él y refiriéndose a él nuevamente. Este blog describió el método para recargar el div sin recargar toda la página.
- Después de eso, incluya el párrafo dentro de la etiqueta “