« anterior | siguiente »

Home > 2008 > Mayo > Martes, 20 de Mayo 2008 > Laboratorio: detectar parametros de la URL en Javascript
Blogs Media: CSS Mania | VivirLatino | Sentido Web | Apps Mania

Publicidad

Mar20May2008

Laboratorio: detectar parametros de la URL en Javascript

17:45 H (CET)| Temas: Javascript

Algo bastante sencillo y que puede sernos útil es detectar los parámetros que se envían por URL para así modificar el comportamiento de nuestro Javascript, por ejemplo si se envía un parámetro o tiene cierto valor, se podría cargar un objeto o implementar una función.

El script sería el siguiente:

// Obtenemos la URL
var url = document.location.href;
// Nos quedamos con los parámetros
url = url.substring(url.lastIndexOf('?')+1);
// Dividimos los distintos parámetros
url = url.split('&');
// Almacenamos los parámetros en un array(param => valor)
var res = new Array();
for(var i=0; i

Si nuestra URL es amigable, no hay parámetros sino que se indican en la propia URL (http://servidor/metodo/accion/parametro/parametro), deberíamos hacer algo así:


//Obtenemos la Query String (URL - host)
var url = document.location.href;
url = url.substring(url.lastIndexOf(document.location.host)+1);
// Separamos mediante la barra (/)
var res = url.split('/');

Como se puede apreciar es muy sencillo, pero nos puede ser muy útil, sobre todo si queremos ganar en rendimiento y no cargar todo el js, que a veces no está muy optimizado y en todas las páginas se carga cuando a veces no sería necesario.

Relacionados

Feedback (3) » Formulario

1. Emilio ~ Martes, 20 May 2008 | 22:28H:

Hola,

Muy útil, la verdad. Muchas gracias por la idea ;)

Saludos!

PD: El primer trozo de código está cortado :S

2. Nico ~ Martes, 27 May 2008 | 20:43H:

Creo que algo anda mal en el post, he entrado con Firefox para ver cómo se veía la página y anda bien, pero en Opera muestra como si no se hubiese cerrado el estilo que da forma al código.

3. Luis ~ Miércoles, 28 May 2008 | 13:03H:

Lo siento, Nico, no he mirado en Opera si funcionaba.

Conversación

Nombre:

Email:

(no aparecerá)

URL:

(opcional)
¿Recordar datos?

↓ Comentarios (XHTML permitido)