¿Cómo recargar la página con JavaScript?

Estamos con un post con un pequeño tip de javascript para hacer reload de la página con javascript. Tenemos diferentes opciones dependiendo si queremos volver a hacer una llamada GET o POST para recargar nuestra página.

Además también voy a dejar un ejemplo de cómo crear un botón con un enlace para recargar nuestra página al final de este post.

JavaScript tips: Cómo recargar  la página con JavaScript

location.reload() para POST requests (Reenviando la información)

¿Qué hace el método reload?

Sería el equivalente a actualizar la página usando F5. O el botón refresh de los navegadores actuales. Por lo tanto, el método location.reload() lo que hace es cargar de nuevo la URL actual usando la misma petición.

Por lo tanto, es muy útil para rehacer peticiones usando el método POST ya que volvería a enviar los datos originales de la petición. Para ello únicamente necesitamos ejecutar el siguiente comando.

window.location.reload();

location.href para GET requests

Evidentemente, si la petición anteriormente realizada era una petición POST y nosotros queremos hacer una petición GET, el método reload no nos serviría. Por lo que una mejor opción sería usar location.href, como en la siguiente orden.

window.location.href = window.location.href;

Enlace para recargar la página en JavaScript

Con el siguiente código podemos hacer un simple botón que nos recargue la página actual en JS.

<button onclick="window.location.reload();">Recargar página</button>

El ejemplo sería algo como esto:

Resumen

Hemos aprendido a recargar una página usando Javascript de diferentes maneras.

Además de tener un pequeño ejemplo simple de la creación de un botón para recargar la página actual.

Comparte 🙂

Si te ha gustado el contenido de este artículo no te olvides de compartirlo ya que con eso me harías muy feliz. GRACIAS 😉

Participa 😉

Además de todo ello, si tienes dudas o puedes aportar algo con un comentario, no dudes en hacerlo. GRACIAS 😉

¿Qué es el WPO?

¿Qué es WPO? WPO es básicamente es la optimización del tiempo de carga de la web. Mientras más rápido esté lista nuestra web, mejor experiencia de usuario vamos a dar a nuestros visitantes.

Estudios especializados en SEO y marketing online indican que si un sitio web tarda más de 2.5 segundos en cargar el 66% de los visitantes vuelven atrás. Es decir, 2 de cada 3 posibles visitantes huirán de tu página web si es lenta.

A mejor experiencia de usuario, más visitantes. Bien, podemos ver que es un círculo vicioso del que nos podemos aprovechar porque a nadie nos gusta esperar a que cargue un sitio web. A más optimizada la carga de nuestra web pues mucho mejor.

¿Es importante la velocidad de carga para SEO?

Por supuesto que sí, la velocidad de carga es un factor muy importante para SEO. Además de influir en que por definición los usuarios no tenemos espera. Está el factor principal y es el siguiente … GOOGLE tiene preferencia por las webs rápidas, así que si tu web es rápida y ofreces la respuesta que el usuario espera vas a tener garantizados los primeros puestos en las SERP.

Como consultor SEO y WPO te puedo ayudar a optimizar la velocidad de carga de tu web.

¿Cómo medir la velocidad de carga de una web?

El uso de herramientas para analizar el estado y la carga de la web es imprescindible para mejorar el WPO. Existen diversas herramientas para medir la velocidad de carga de una web. Las herramientas más usadas para medir los tiempos de carga de una web son GTMetrix y las pagespeed de Google.

SEGUIR LEYENDO →

Guía de comandos de artisan

¡Hola a todos! Aquí estoy con una guía de comandos de artisan. Espero que nos sirvan a todos los artesanos de software.

A lo largo de diferentes proyectos con Laravel he ido creando este pequeño recopilatorio de comandos de artisan. Estos son los comandos que más uso de artisan en mi día a día.

Laravel - el framework PHP para artesanos de la web

Comandos de artisan para servidor

Empezaremos con cómo se levantaría el server de Laravel con artisan de la manera más básica:

php artisan serve

Con este comando tendríamos el servidor levantado en localhost y usando el puerto 8000 por defecto. Muy bien, pero ahora quiero modificar la IP y el puerto, ¿cómo lo hago?

SEGUIR LEYENDO →

String contain en PHP

¡Hola hola! Aquí estamos de nuevo con una nueva entrada, esta vez, acerca de string contain en PHP. Aunque, esta funcionalidad no es nativa de PHP, hasta la versión 8 de PHP, y eso que es uno de los checks más usados.

En este post vamos a ver cómo hacer la función str_contrain de PHP en versiones anteriores a la 8.

String contain en PHP

String contain en PHP

¿Cómo comprobar si un string está en tu texto?

SEGUIR LEYENDO →

Limpiar historial de commits sin git rebase

¡Hola hola! Soy Juan Ramón González Morales, artesano del software desde Jaén. Aquí estamos con un nuevo post. Este nuevo post trata de limpiar el historial de commits sin git rebase y usando git merge con la opción –squash. Ésta es una de las buenas prácticas para trabajar con git, se debería de tener un único commit claro y descriptivo por tarea.

Podemos usar los alias de git para consola.

Esto nos va a permitir tener un historial de commits limpio y conciso en nuestro proyecto. Sin duda, hay tareas que necesitan más de un commit durante su desarrollo, por esa razón, hay que utilizar técnicas para limpiar el historial.

Bien, vamos a explicar un poco más acerca de git rebase y de cómo limpiar el historial de commits en git.

SEGUIR LEYENDO →

Configurar múltiples cuentas en git bash

¡Hola a todos! Soy Juan Ramón González Morales, artesano del software desde Jaén. Aquí estamos con un nuevo post. Aquí estoy de nuevo, con un post donde voy a hablar de configurar múltiples cuentas en la consola git bash.

Seguramente, este sea un problema al que muchos de nosotros nos hemos enfrentado. Con los pasos que voy a indicar, podremos configurar distintas credenciales y para distintos entornos basados en git, como por ejemplo github y gitlab.

Una vez que tengamos nuestras cuentas configuradas, además, podemos empezar a organizar nuestras ramas eficientemente en git. Una de las maneras de hacerlo, fácilmente es haciendo rebase de los commit de una rama y tener un único commit por tarea.

Pues, vamos al lío, a configurar múltiples cuentas en git bash. Esto es un proceso que necesita de varios pasos que voy a ir detallando.

Generar clave SSH para la cuenta github

seguir leyendo →

Organización de tareas con git

¡Hola hola! Soy Juan Ramón González Morales, programador PHP en Jaén. Aquí estamos con un nuevo post y voy a hablar de la organización de tareas con git.

Hablando un poco de cómo nos organizamos las tareas a realizar, en distintas ramas de tareas, ramas de desarrollo y la rama de producción. Así como también algunos consejos que he ido adquiriendo a partir del uso de git y de ir definiendo una organización de tareas estable y fluida.

¿Qué es git?

Ramas en git
Ramas en git – Imagen de Unplash.com

Primero de todo, ¿qué es git?

Git es una potente herramienta que sirve para versionar código. Podremos mantener un historial de cambios y movernos entre ellos de manera rápida.

Una cosa importante acerca de git es que es software libre. Esto es una ligera idea, ya que no es el principal tema del post, os voy a dejar enlaces para acceder a más información de git a continuación.

seguir leyendo →

Reemplazar bucles básicos por las funciones nativas de arrays en PHP

¡Hola hola! Soy Juan Ramón González Morales, programando PHP en Jaén. Aquí estamos con un nuevo post. En este post voy a hablar acerca de mejorar la complejidad ciclomática. Reducir el uso de bucles básicos y reemplazarlos en la medida de lo posible por las funciones nativas de los arrays de PHP.

Además, pondré unos ejemplos de qué tipo de instrucciones y bucles pueden ser sustituidas por las funciones básicas.

Complejidad ciclomática

La Complejidad Ciclomática (en inglés, Cyclomatic Complexity) es una métrica del software en ingeniería del software que proporciona una medición cuantitativa de la complejidad lógica de un programa.

La complejidad ciclomática es una de las métricas de software de mayor aceptación, ya que ha sido concebida para ser independiente del lenguaje.

Esta métrica mide el número de flujos distintos de ejecución que puede tener el código de un programa de software. En resumen, nos dice cuantos ifs-then-elsewhileforswitch…etc, tenemos en nuestro código.

seguir leyendo →