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.