Patrocinador

Obtener método GET con javascript

 Hoy vamos a ver cómo obtener parámetros que pasemos por la url y de esta manera ejecutar  con javascript.

Lo primero es recordar que javascript se ejecuta por parte del cliente y no de servidor, lo que hay que entender es que todo lo que hagamos en javascript lo podrán ver si revisan tu código, por lo tanto no debemos utilizar este método para pasar parámetros que tengan contenido de carácter privado.


Obtener método GET con javascript


Este código lo podemos utilizar para mostrar un contenido si el visitante procede del enlace o página que tengamos programado.

Vamos a poner un botón  desde el cual al enviarlo a otra página le mostraremos un contenido  que si entrasen a esa misma página directo no verían.


  1. <a href="//www.midominio.com/contenido?refer=blog">Ir a la web</a>
el enlace se veria así:


Luego en nuestra página  "contenido" tendríamos que colocar el siguiente código para obtener los parámetros enviados por método GET y saber que hacer.


  1. function get(a) {
  2.  var b = window.location.search.substring(1);
  3.  var c = b.split("&");
  4.  for (var i=0;i<c.length;i++) {
  5.   var d = c[i].split("=");
  6.   if(d[0] == a){return d[1];}
  7.  }
  8.  return(false);
  9. }
  10. var e = get("refer");


Una vez recogido los parámetros, si son correctos le decimos que ejecute una acción, en este caso vamos a mostrar un contenedor que tenemos oculto y solo mostramos a los visitantes que van desde nuestro enlace.


  1. <div id="contidooculto" style="visibility: hidden;">Este contenido es sólo para los visitantes llegados desde el botón </div>


Ahora en el siguiente código vemos que si la condición se cumple mostramos el contenedor.


  1. if(e === 'blog'){
  2.      // aquí ponemos que hacer al cumplirse la condición
  3. document.getElementById("contidooculto").style.visibility="visible"; 
  4. }

Como podéis ver, es muy sencillo de hacer y lo podemos emplear para que envíe cualquier dato y si cumple la condición que haga lo que necesitemos en ese momento.



Espero que os sea de utilidad este código,

un saludo. 






Entradas que pueden interesarte

Sin comentarios