Como recibir parámetros en página HTML/Javascript

Muchas veces no queremos utilizar lenguajes de programación del lado del Servidor (Server-Side), como php, asp, asp.net, jsp, etc… para recibir información desde algún servicio externo. Como por ejemplo una notificación de venta.

Para esto utilizamos la siguiente función en Javascript para capturar la información enviada por parámetros:

function getQuerystring(key, default_) {
if (default_ == null)
	default_ = "";
key = key.replace(/[\[]/,"\\\[").replace(/[\]]/,"\\\]");
var regex = new RegExp("[\\?&]"+key+"=([^&#]*)");
var qs = regex.exec(window.location.href);
if(qs == null)
	return default_;
else
	return qs[1];
};

La forma de utilizar la función es la siguiente:

var valor_llave= getQuerystring('llave');

De esta forma, podremos recibir parámetros en nuestro código HTML/Javascrip sin tener que recurrir a un Servidor.
http://mi.freeservidor.com/pagina.html?llave=el_valor_de_la_llave

Ejemplo utilizando JQuery y Bootstrap:

$(document).ready(function () {
	// ejemplo: http://server/pagina.html?llave=el_valor_de_la_llave
	var valor_llave = getQuerystring('llave');
	$('#divLimpioParaDesplegarMensaje').append(
		'<div class="alert">' +
			'<h4>Mensaje!<h4>' +
			valor_llave +
		'</div>'
	);
});

Basado de la siguiente URL: http://www.bloggingdeveloper.com/post/JavaScript-QueryString-ParseGet-QueryString-with-Client-Side-JavaScript.aspx

Good Code!

Advertisements

2 thoughts on “Como recibir parámetros en página HTML/Javascript

  1. man, tu tuto es muy util pero porfa explicalo un poco mas, pues no se ve donde poner ese codigo que dices o como funciona.. saludos

    • Hola!,
      Agregas la función en tu archivos de funciones javascript o donde declares tus funciones en el código html. Después solo tienes que llamar la función.

Agregar un comentario

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Cambiar )

Twitter picture

You are commenting using your Twitter account. Log Out / Cambiar )

Facebook photo

You are commenting using your Facebook account. Log Out / Cambiar )

Google+ photo

You are commenting using your Google+ account. Log Out / Cambiar )

Connecting to %s