Cómo recargar el DIV sin recargar toda la página en jQuery

Al crear múltiples páginas web para un sitio, puede haber un requisito para replicar los datos. Por ejemplo, utilizando los mismos datos en una página web diferente en el evento activado. En tales situaciones, recargar el DIV sin recargar la página completa ayuda a administrar los datos de manera efectiva, ahorrando así el tiempo.

Este blog discutirá los enfoques para recargar el DIV sin recargar toda la página en JavaScript.

Cómo recargar el divir sin recargar toda la página en jQuery?

El "div"Se puede volver a cargar sin recargar la página completa utilizando el método" On () "de jQuery en combinación con el"carga()" método.

El método ON () asocia a uno o más manejadores de eventos para los elementos, y el método Load () carga el contenido en el elemento recuperado. Estos métodos se pueden combinar para acceder al div y recargarlo en el evento activado.

Ejemplo
Vamos a ver el siguiente código HTML:

Así es como recargar el DIV sin recargar toda la página

JavaScript es un lenguaje de programación que contiene funciones, variables, eventos y objetos, etc.

recargar

En el bloque de código anterior:

• Incluir el encabezado declarado.
• Además, especifique el elemento "" que tiene el atributo "ID".
• Después de eso, incluya el párrafo dentro del "

  "Etiqueta y un botón para activar la funcionalidad deseada.

Ahora, pasemos al código JavaScript:

>$ ("botón").en ("hacer clic", function ()
$ ('#myDiv').Load ('#mydiv')
alerta ('recargado')
);

En este fragmento de código

• Incluya la biblioteca jQuery a través del "SRC" atributo.
• Acceda al botón creado y asocie el "en()" método.
• Esto invocará la función mencionada en el clic del botón, como se evidente en el evento adjunto "hacer clic".
• En la definición de función, acceda a la inclusión ""Elemento y vuelva a cargarlo usando el"carga()"Método referiéndose a su"identificación".
• Como resultado, el DIV incluido se volverá a cargar nuevamente con el clic del botón, y se mostrará el mensaje de alerta a través del cuadro de diálogo de alerta.

Producción

Se puede observar que el DIV se vuelve a cargar con éxito sin recargar toda la página.

Conclusión

Para recargar el DIV sin recargar toda la página, use el "en()"Método en combinación con el"carga()" método. Estos métodos se pueden utilizar para recargar el contenido del DIV sobre el evento activado 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.