Recoger parámetros GET en JavaScript

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 🙂

Victor

Autor: Victor

Desarrollador web - Formador online - Blogger

Compartir este post

Poner un comentario

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