Recoger parámetros GET en JavaScript

Publicado en Jul 22, 2017

Hoy vamos a ver como recoger los parámetros GET en JavaScript de una manera muy sencilla. Muchas veces necesitamos poder capturar los datos que nos llegan en la URL dentro de nuestro código de JS, vamos a definir la siguiente función:

var QueryString = function () {
  var query_string = {};
  var query = window.location.search.substring(1);
  var vars = query.split("&");
  for (var i=0;i<vars.length;i++) {
    var pair = vars[i].split("=");
    if (typeof query_string[pair[0]] === "undefined") {
      query_string[pair[0]] = decodeURIComponent(pair[1]);
    } else if (typeof query_string[pair[0]] === "string") {
      var arr = [ query_string[pair[0]],decodeURIComponent(pair[1]) ];
      query_string[pair[0]] = arr;
    } else {
      query_string[pair[0]].push(decodeURIComponent(pair[1]));
    }
  } 
  return query_string;
}();

Y ahora la utilizamos para recoger cualquier parámetro GET que tengamos en nuestra url:

console.log(QueryString.parametro_uno);
console.log(QueryString.parametro_dos);
console.log(QueryString.parametro_tres);

De esta forma nos devuelve el valor de las variables que tenemos en la url por la consola del navegador.

Con esto ya sabemos como conseguir parámetros GET en JavaScript 🙂