#javascript, leer los parametros de una url o metodo get by blog.aplicacionesweb.cl

Fuente: http://blog.aplicacionesweb.cl/opensource/leer-parametros-de-la-url-con-javascript/

En este post trataré de explicar como obtener los datos enviados por “GET” usando Javascript ( y/o Jquery).

La necesidad es : obtener los datos enviados por url, para las validaciones que necesitemos.

// Leer los datos GET de nuestra pagina y devolver un array asociativo (Nombre de la variable GET => Valor de la variable).
function getUrlVars()
{
var vars = [], hash;
var hashes = window.location.href.slice(window.location.href.indexOf(‘?’) + 1).split(‘&’);
for(var i = 0; i < hashes.length; i++)
{
hash = hashes[i].split(‘=’);
vars.push(hash[0]);
vars[hash[0]] = hash[1];
}
return vars;
}

Considerando la URL:

http://www.example.com/?me=myValue&name2=SomeOtherValue

Llamando a la funcion getUrlVars() nos devolverá un arreglo con la siguiente estructura:

{
“me” : “myValue”,
“name2” : “SomeOtherValue”
}

Para obtener el valor del primer registro lo hacemos del siguiente modo:

var first = getUrlVars()[“me”];

// Para obtener el segundo parámetro
var second = getUrlVars()[“name2”];

El siguiente código está pasado como una extension de  jQuery:

$.extend({
getUrlVars: function(){
var vars = [], hash;
var hashes = window.location.href.slice(window.location.href.indexOf(‘?’) + 1).split(‘&’);
for(var i = 0; i < hashes.length; i++)
{
hash = hashes[i].split(‘=’);
vars.push(hash[0]);
vars[hash[0]] = hash[1];
}
return vars;
},
getUrlVar: function(name){
return $.getUrlVars()[name];
}
});

Ejemplo de implementación:

// Obtener el objeto
var allVars = $.getUrlVars();

// Obtener el valor pasando la llave del elemento que necesitamos
var byName = $.getUrlVar(‘name’);

Idea original de http://jquery-howto.blogspot.com/2009/09/get-url-parameters-values-with-jquery.html

Anuncios

Responder

Introduce tus datos o haz clic en un icono para iniciar sesión:

Logo de WordPress.com

Estás comentando usando tu cuenta de WordPress.com. Cerrar sesión / Cambiar )

Imagen de Twitter

Estás comentando usando tu cuenta de Twitter. Cerrar sesión / Cambiar )

Foto de Facebook

Estás comentando usando tu cuenta de Facebook. Cerrar sesión / Cambiar )

Google+ photo

Estás comentando usando tu cuenta de Google+. Cerrar sesión / Cambiar )

Conectando a %s