Redireccionar página web con jQuery: Ejemplo completo

Redireccionar página web con jQuery. En este artículo veremos cómo re direccionar de una página a otra página diferente usando el lenguaje jQuery. Sin embargo, si observamos hay grandes compañías que usan la redirección en el mundo de la programación.

En este ejemplo nos basaremos en usar jQuery y/o JavaScript para hacer este trabajo. A continuación, veremos 2 formas para realizar este trabajo.

Redireccionar página web con jQuery o JavaScript

Redireccionar página web con jQuery
Redireccionar página web con jQuery

Redireccionar página web: Usando JavaScript plano

Para este ejemplo el jQuery no será necesario. Por lo tanto, simplemente usaremos el siguiente método «window.location.replace«, que realizara la redirección al cargar la página web.

// Simula un comportamiento similar como una redirección HTTP
window.location.replace("https://hotmail.com");

// simula un comportamiento similar al hacer clic en un enlace
window.location.href = "https://hotmail.com";

Redireccionar página web: Usando jQuery

Recordemos que el lenguaje jQuery es una variante del lenguaje JavaScript. Por lo tanto, tiene más ventajas que su antecesor. Su arquitectura de código es mejor que usar el método «window.location.href=«.

Esto significa que el usuario no se quedará atascado en un botón de retroceso que nunca termina. Sin embargo, si desea realizar que alguien haga clic en un enlace tenemos que usar el método «location.href» (Como el método es moderno funciona para todos los navegadores). Si desea simular una redirección HTTP, use location.replace.

/* Declaramos la variable para la URL */
var url = "http://baulcode.com";    
$(location).attr('href',url);

Por ejemplo, si la página a la queremos redireccionar está en el mismo nivel que nuestra página. Podemos usar la siguiente línea de código.

<input name="registro" type="button" value="Suscribete Ahora" onclick="$(location).attr('href','Subcripcion.php');" />

CONCLUSIÓN DEL TEMA

El tema de re direccionar  una página web se puede hacer en varios lenguajes de programación, por ejemplo el PHP. En este lenguaje también podemos realizar redirección usando la siguiente sintaxis:

<?php
// Redireccioanr usando Location header.
header('Location: http://google.com/');
?>

Por lo tanto, dependiendo en que lenguaje nos encontremos podemos realizar una redirección de páginas web. Sin embargo, la utilización de este método se puede usar en varios aspectos como ser:

  • Iniciando sesión será redirigido al Panel de Control.
  • Al Cerrar sesión será redirigido a la página de inicio.
  • En página que no existe será redirigido a una página error 404.php

Como podemos apreciar existen varios aspectos en donde podemos usar una re4direccion de páginas web. Espero que esta breve explicación les ayude a despejar algunas dudas acerca de estos temas.

Me fascina la programación en diversos lenguajes y mas aún si son sistemas web o páginas web.

Entradas relacionadas

Abrir modal Bootstrap con jQuery

Abrir modal Bootstrap con jQuery

Abrir modal Bootstrap con jQuery. En este tutorial vamos a ver cómo activar una ventana modal con jQuery que se muestre en forma de ventana flotante al…

Cómo usar Explode en JavaScript Split()

Cómo usar Explode en JavaScript Split()

Cómo usar Explode en JavaScript Split(). Explode es capaz de dividir una cadena de texto o un array y se basa bajo un criterio en común dentro…

Enviar de SELECT a INPUT

Enviar de SELECT a INPUT: Ejemplo completo

Enviar de SELECT a INPUT. En este artículo veremos cómo pasar información de un SELECT a INPUT a través de un atributo personalizado haciendo uso de la…

Confirmar el envío de formulario sin bucles con jQuery

Confirmar el envío de formulario sin bucles con jQuery

Confirmar el envío de formulario sin bucles con jQuery. En este artículo veremos la forma de mostrar un cuadro de dialogo de conformación antes de enviar un…

Refrescar página usando JavaScript

Refrescar página usando JavaScript: 6 ejemplos completos

Refrescar página usando JavaScript. El método location reload() en HTML DOM se utiliza para volver a cargar el documento actual. Este método, actualiza los documentos actuales. Es…

Generar 3 números aleatorios y que no se repitan JavaScript

Generar 3 números aleatorios y que no se repitan: JavaScript

,Generar 3 números aleatorios y que no se repitan. En este artículo veremos la forma de generar números aleatorios usando «Math.random()» de JavaScript. Esa función devuelve un…

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *