Cómo redirigir con jQuery a otra pagina

Cómo redirigir con jQuery a otra pagina. Se puede redirigir a otra página web utilizando JQuery, la respuesta es un sí, n nuestras páginas web ya sean formularios o algún otro apartado tarde o temprano necesitaremos el uso de este método, redirigir ya sea a otra página o a otro dominio web. Veamos ejemplos de cómo hacerlo de una manera muy sencilla.

Si somos programadores de páginas web o desarrollamos sistemas web llegaremos a este punto y necesitaremos realizar un re direccionamiento de una página a otra, ya sea para recargar, para hacer una llamada o para forzar una precarga.

En realidad, es muy sencillo y no es otra cosa que JavaScript, pero como utilizamos en el ejemplo JQuery para dar ejemplos en este artículo.

Para re direccionar una página web utilizando jQuery se utiliza la siguiente línea de código: ejemplo.

$(location).attr('href',ENLACE_WEB);

Su utilización en nuestros formularios, específicamente en un input, veamos su usabilidad: Aquí en ejemplo.

<input name="enlace" type="button" value="Suscribirse"
onclick="$(location).attr('href','suscribirse.php');" />

Caso contrario si deseamos re direccionar a otra web externa el código a utilizar es la siguiente: Ejemplo.

<input name="enlace" type="button" value="Suscribirse" 
onclick="$(location).attr('href','http://wwww.google.com');" />

Cómo redirigir con jQuery a otra pagina

Otro ejemplo por separado.

url = "http://www.google.cl";
$(location).attr('href',url);

Este evento de dirección lo pueden incorporar en las funciones que podríamos utilizar en JQuery dentro de una de ellas o directamente después del document ready, Su código es el siguiente:

$(document).ready(function(){

//Argumentos de redireccion

});

Otros ejemplos de uso:

// jQuery
$(location).attr('href','http://www.ejemplo.com')
$(window).attr('location','http://www.ejemplo.com')
$(location).prop('href', 'http://www.ejemplo.com')

Bueno También se podría utilizar JavaScript ya que cumple la misma función de redirección a otra página web.

// window.location
window.location.replace('http://www.example.com')
window.location.assign('http://www.example.com')
window.location.href = 'http://www.example.com'
document.location.href = '/path'
Cómo redirigir con jQuery a otra pagina
Cómo redirigir con jQuery a otra pagina

Redireccionar con Jquery

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…

Detectar Checkbox Marcados JavaScript

Detectar Checkbox Marcados JavaScript y jQuery

Detectar Checkbox Marcados JavaScript. Este es un tutorial realizaremos un script sobre cómo detectar cada vez que una casilla de verificación ha sido marcada o desmarcada por…

Validar Checkbox PHP, JavaScript y jQuery

Validar Checkbox PHP, JavaScript y jQuery: Ejemplos

Validar Checkbox PHP, JavaScript y jQuery. Cuando estemos programando un sistema y/o página web siempre nos encontraremos con formularios y por ende con validaciones en algún campo….

Desactivar vínculos jQuery y CSS Ejemplos Completos

Desactivar vínculos jQuery y CSS: Ejemplos Completos

Desactivar vínculos jQuery y CSS: Ejemplos Completos. En este Post aprenderemos a desactivar o deshabilitar (links, vínculos, enlaces) usando CSS y el lenguaje jQuery. Por lo tanto,…

Redireccionar página web con jQuery

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…

Deja una respuesta

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