codinami.com
BUSCAR

Pasar datos entre páginas con JavaScript

11 de Diciembre, 2007
posteado en: JavaScript

En el desarrollo de aplicaciones web, hay veces en que resulta práctico hacer cambios dinámicos en nuestro html, a partir de información incluida en la URL. Hace algún tiempo encontré por internet esta sencilla, pero elegante función en JavaScript que permite rescatar los parámetros de la URL sin necesitar código del lado servidor.

function gup( name ) {
	name = name.replace(/[\[]/,”\\\[").replace(/[\]]/,”\\\]”);
	var regexS = “[\\?&]“+name+”=([^&#]*)”;
	var regex = new RegExp( regexS );
	var results = regex.exec( window.location.href );
	if( results == null )
	return “”;
	else
	return results[1];
}

Ocuparemos la función de la siguiente manera:
var otraVariable = gup(”nombreVariableEnLaUrl”);

Ejemplo
Supongamos que tenemos una url como esta: http://www.codinami.com?variale=hola&variable2=mundo

var v1 = gup("variable");
var v2 = gup("variable2");
alert(v1 + " " + v2 + "!");

Se mostrará un cuadro de alerta con el mensaje “hola mundo!”… muy original :P

1 Estrella2 Estrellas3 Estrellas4 Estrellas5 Estrellas (3.5/5)
Loading ... Loading ...

2 comentarios

  • Excelente dato, por ahora yo lo solucionaba con

    var v1=;

    lo cual es útil, pero no muy elegante, y a decir verdad el tema de la elegancia (aunque suene tonto) es vastante útil a la hora de mirar un código que no vemos hace mucho y acordarnos que era lo que queríamos decir.

    Buen tip.

    Comentario por Cristian Santana — 12 de Diciembre, 2007 @ 6:26 am
  • no se vio lo que viene después de var=, lo que quería decir es que asigno a var una impresión con “echo” de la matriz “$_GET” de la variable que deseo. Insisto, no mu elegante.

    Comentario por Cristian Santana — 12 de Diciembre, 2007 @ 6:27 am

Dejar un comentario

Sitio Admimistrado con WordPress