Obtener parámetros de una URL con JavaScript

Esteban Sierra

Hoy vengo a compartir con vosotros un método con el que podréis obtener los parámetros de una URL usando JavaScript pasados por GET.

En otros lenguajes de programación, hay métodos que nos facilitan la obtención de estos valores, pero desconozco si en JavaScript existe un método para esto. Por eso y debido a que, en mi día a día como programador, he necesitado obtener estos valores recurrí a crear mi propia función para ello.

Supongamos que tenemos la URL https://blog.com/index?p1=hola&p2=adios y queremos obtener el valor del parámetro p2 usando javascript.

function ObtenerParametroURL(var_name) {
    /* Obtener la url completa */
    url = document.URL;
    /* Buscar a partir del signo de interrogación ? */
    url = String(url.match(/\?+.+/));
    /* limpiar la cadena quitándole el signo ? */
    url = url.replace("?", "");
    /* Crear un array con parametro=valor */
    url = url.split("&");

    /*
    Recorrer el array url
    obtener el valor y dividirlo en dos partes a través del signo =
    0 = parametro
    1 = valor
    Si el parámetro existe devolver su valor
    */
    x = 0;
    while (x < url.length)
    {
        p = url[x].split("=");
        if (p[0] == var_name)
        {
            return decodeURIComponent(p[1]);
        }
        x++;
    }
}

//Para obtener el valor del parámetro p2 solamente tendríamos que lanzar la siguiente llamada.
var valorP2 = ObtenerParametroURL('p2');
alert(valorP2);

//Obtendríamos una alerta mostrando el valor de la variable valorP2.

Esta función se ha convertido en indispensable en los proyectos web que voy iniciando ya que me resulta de bastante utilidad y me facilita mucho el trabajo.

¿Y tú, tienes alguna otra forma de obtener el valor de los parámetros de una URL usando JavaScript? Si es así, agradecería que la compartieras con nosotros.

En caso contrario, si te ha servido de ayuda esta entrada, te agradecería igualmente un comentario o un compartir.

1 comentario en «Obtener parámetros de una URL con JavaScript»

Deja un comentario

Este sitio usa Akismet para reducir el spam. Aprende cómo se procesan los datos de tus comentarios.

Uso de cookies

Este sitio web utiliza cookies para que usted tenga la mejor experiencia de usuario. Si continúa navegando está dando su consentimiento para la aceptación de las mencionadas cookies y la aceptación de nuestra política de cookies, pinche el enlace para mayor información.

ACEPTAR
Aviso de cookies