Código de JavaScript - Obtener las variables pasadas por la url en javascript

Imágen de perfil

Obtener las variables pasadas por la url en javascriptgráfica de visualizaciones


JavaScript

estrellaestrellaestrellaestrellaestrella(12)
Publicado el 06 de Noviembre del 2013 por Xavi
37.639 visualizaciones desde el 06 de Noviembre del 2013. Una media de 238 por semana
Código que muestra como obtener las variable pasadas por GET a una página web.

Versión 1
estrellaestrellaestrellaestrellaestrella(12)

Publicado el 06 de Noviembre del 2013gráfica de visualizaciones de la versión: Versión 1
37.640 visualizaciones desde el 06 de Noviembre del 2013. Una media de 238 por semana
estrellaestrellaestrellaestrellaestrella
estrellaestrellaestrellaestrella
estrellaestrellaestrella
estrellaestrella
estrella

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
<!DOCTYPE html>
<html lang="es">
<head>
    <meta charset="utf-8">
    <script>
    /**
     * Funcion que captura las variables pasados por GET
     * http://www.lawebdelprogramador.com/pagina.html?id=10&pos=3
     * Devuelve un array de clave=>valor
     */
    function getGET()
    {
        // capturamos la url
        var loc = document.location.href;
        // si existe el interrogante
        if(loc.indexOf('?')>0)
        {
            // cogemos la parte de la url que hay despues del interrogante
            var getString = loc.split('?')[1];
            // obtenemos un array con cada clave=valor
            var GET = getString.split('&');
            var get = {};
 
            // recorremos todo el array de valores
            for(var i = 0, l = GET.length; i < l; i++){
                var tmp = GET[i].split('=');
                get[tmp[0]] = unescape(decodeURI(tmp[1]));
            }
            return get;
        }
    }
 
    window.onload = function()
    {
        // Cogemos los valores pasados por get
        var valores=getGET();
        if(valores)
        {
            // hacemos un bucle para pasar por cada indice del array de valores
            for(var index in valores)
            {
                document.write("<br>clave: "+index+" - valor: "+valores[index]);
            }
        }else{
            // no se ha recibido ningun parametro por GET
            document.write("<br>No se ha recibido ningún parámetro");
        }
    }
    </script>
</head>
 
<body>
 
</body>
</html>



Comentarios sobre la versión: Versión 1 (12)

www.yoyo.com
19 de Noviembre del 2014
estrellaestrellaestrellaestrellaestrella
Nothing
Responder
http://creatuwebnicaragua.com
09 de Diciembre del 2014
estrellaestrellaestrellaestrellaestrella
Muy bueno tu aporte, se le agradece.
Responder
S. Bone
09 de Enero del 2015
estrellaestrellaestrellaestrellaestrella
Perfecto, gracias. Dios le bendiga, desde Ecuador
Responder
Gabo
16 de Febrero del 2015
estrellaestrellaestrellaestrellaestrella
Excelente, me ha servido mucho, gracias por el aporte.
Responder
juan
18 de Febrero del 2015
estrellaestrellaestrellaestrellaestrella
como aria para pasarlas varibles por el metodo Post pero solo utilizando javascript nada de php gracias
Responder
Estiven
27 de Marzo del 2015
estrellaestrellaestrellaestrellaestrella
Que buen codigo Exactamente lo que queria hacer Muy bueno
Responder
lsssss
05 de Abril del 2015
estrellaestrellaestrellaestrellaestrella
ya lo había visto en el 2010 pero falta más datos
cuales son las variables
Responder
deo
14 de Junio del 2016
estrellaestrellaestrellaestrellaestrella
Genial, gracias.!
Y también este otro: http://blog.ikhuerta.com/get-extraer-variables-por-get-en-javascript
Los dos mejores que ha visto.
Responder
Borquez
16 de Junio del 2016
estrellaestrellaestrellaestrellaestrella
Muy buen aporte.
Responder
LeoB
18 de Junio del 2016
estrellaestrellaestrellaestrellaestrella
Funciona 100%
Responder
Vanz
15 de Septiembre del 2016
estrellaestrellaestrellaestrellaestrella
Muchas gracias, muy buen aporte
Responder
Xavi
27 de Septiembre del 2016
estrellaestrellaestrellaestrellaestrella
Genial... !! Muy bueno el post
Gracias y saludos..:!!
Responder

Comentar la versión: Versión 1

Nombre
Correo (no se visualiza en la web)
Valoración
Comentarios

http://lwp-l.com/s2529