¿Cuál es la mejor y la forma más fácil de actualizar los contenidos de la página web sin actualizarla?

Si actualizar la página no es conveniente para el usuario, actualizaría el contenido de una página a través de AJAX (Asynchronous JavaScript and XML) jQuery facilita el uso de AJAX. Antes de hacer nada, agregue jQuery al documento html de la página que desea actualizar sin actualizar con la siguiente línea de código:

Aquí hay un ejemplo de cómo se vería una solicitud ajax usando jQuery.

$ .get (“/ updated-content.html”, función (datos, estado) {
$ (“cuerpo”). html (datos);
});

En el ejemplo anterior, todo el cuerpo de la página se reemplazará por lo que contenga updated-content.html. Sin embargo, siempre puede actualizar un div apuntando a un div en lugar del cuerpo y haciendo una llamada a la ruta que contiene el contenido actualizado de ese div. Si solo necesita actualizar parte de la página, esto hará que la página se actualice más rápido.

Si desea actualizar automáticamente el documento, puede establecer un intervalo usando javascript:

setInterval (function () {
// agregue el código de arriba aquí
}, 5000); // se actualizará cada 5 segundos = 5000 ms

Espero que esto resuelva tu problema.

Con JavaScript, realice una solicitud HTTP y luego haga algo con la respuesta, como reemplazar el contenido de un elemento DOM. Este es un patrón común llamado Ajax. La biblioteca jQuery tiene una serie de funciones convenientes para facilitar Ajax.

Dependiendo de cuán complicado sea su problema, es posible que desee incorporar un marco frontend como Angular, pero eso es probablemente algo que querrá aprender más adelante.

Si te refieres a editar sin “actualizar”, puedes usar gulp / grunt y livereload.