Obtener el valor de un parámetro de la URL con JavaScript

Escrito por: TiraCodigo
Etiquetas: javascript, obtener, URL, parámetro

Cuando tenemos la necesidad de crear una función del lado del cliente, donde necesitamos obtener el valor de un parámetro enviado a través de la URL, tenemos varias opciones, una de estas es realizar una función en JavaScript, como a continuación te muestro.

La función “window.location.search” nos sirve para obtener la parte de la url donde vienen los parámetros, supongamos que tenemos la siguiente url:

“www.tiracodigo.com?parametro1=uno&parametro2=dos&parametro3=tres”

En la cual, la parte de los parámetros sería:

?parametro1=uno&parametro2=dos&parametro3=tres

Para obtener una lista de parámetros usaremos la función split(‘&’), de esta manera tendremos un arreglo de nombre del parámetro con sus valores, quedándonos como se muestra a continuación:

[“parametro1=un” ,”parametro2=dos”,”parametro3=tres”]

Teniendo la lista anterior, podemos descomponer cada uno de sus elementos para obtener su valor, esto lo realizaremos de la misma manera con la función split(‘=’).

Convirtiendo lo anterior en una función, donde como parámetro de entrada recibamos el nombre del parámetro del cual queremos recuperar su valor, y que regrese dicho valor, si es que lo encuentra en la URL, tendríamos la función de la siguiente manera:

function obtenerValorParametro(sParametroNombre) {
var sPaginaURL = window.location.search.substring(1);
 var sURLVariables = sPaginaURL.split('&');
  for (var i = 0; i < sURLVariables.length; i++) {
    var sParametro = sURLVariables[i].split('=');
    if (sParametro[0] == sParametroNombre) {
      return sParametro[1];
    }
  }
 return null;
}

Supongamos que deseamos saber el valor que trae el parametro parametro2

var valor = obtenerValorParametro('parametro2');
  if (valor){
    alert(valor);
  }else{
    alert(“El parámetro no existe en la URL”);
  }

Lo anterior devolverá “dos”, puedes encontrar del lado derecho el ejemplo, así como la descarga del código