9 de abril de 2008

Capturar variável via método Get URL com Javascript

Drops, Javascript | 12 Comentários »
por Ricardo José Corrêa

Esse script é uma ótima opção para quem precisa pegar as variáveis pelo método get, mas não tem como usar programação de servidor, tipo PHP.

get-url-variables.js

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('=');
		hash[1] = unescape(hash[1]);
		vars.push(hash[0]);
        vars[hash[0]] = hash[1];
    }
 
    return vars;
}
 
//Exemplo de URL get-url-variables.htm?variavel1=Primeira variavel&variavel2=Segunda variavel
 
var pedaco = getUrlVars();
alert(pedaco['variavel1']); // Caixa de alerta resultara "Primeira variavel"
alert(pedaco['variavel2']); // Caixa de alerta resultara "Segunda variavel"

No related posts.


Você pode deixar um comentário, ou trackback de seu próprio site.

12 comentários para “Capturar variável via método Get URL com Javascript”

  1. Erasmo Altimeri falou:
    maio 6th, 2008 at 12:50 pm

    ola Amigo, muito bom seu codigo, só tem um problema q quando colou ele deu problema em alguns simbolos.. segue ok…

    function getUrlVars(){
    // Get variaveis por JS;
    var vars = [], pedaco;
    var inteira = window.location.href.slice(window.location.href.indexOf(‘?’) + 1).split(‘&’);
    for (var i = 0; i < inteira.length; i++){
    pedaco = inteira[i].split(‘=’);
    pedaco[1] = unescape(pedaco[1]);
    vars.push(pedaco[0]);
    vars[pedaco[0]] = pedaco[1];
    }
    return vars;
    }

  2. Bruno Costa falou:
    fevereiro 20th, 2009 at 4:39 pm

    Muito bom! Funcionou perfeitamente! Valew msm!

  3. Luiz Mendes falou:
    abril 7th, 2009 at 5:09 pm

    Muito obrigado, foi bem útil.

  4. Raul falou:
    maio 8th, 2009 at 1:02 pm

    Viva,

    preciso saber como mostro uma mensagem tipo title do href, mas no flash … uso o getUrl() mas será q tenho de usar outra função para o title ???

    obg,

    Raul

  5. Ricardo José Corrêa falou:
    maio 8th, 2009 at 6:13 pm

    Cara, a melhor (ou a mais fácil) forma de colocar variável dentro de um Flash é por Flashvars ou por um XML. Vai por ai que dá certo.

  6. Willian Lira falou:
    maio 8th, 2009 at 10:24 pm

    Tem como capturar valores enviados via POST com Javascript?

  7. José Mário falou:
    novembro 30th, 2009 at 1:02 pm

    Muito bom! Funcionou certinho aqui no meu projeto!
    Obrigado pela dica e parabéns pelo blog!

    Sucesso!

  8. Miria falou:
    dezembro 8th, 2009 at 8:08 pm

    Obrigadaaaaaaaaaaaaa…
    Sua funcao me ajudou pra caramba….Parabens…
    Sucesso….

  9. Maxwell falou:
    julho 3rd, 2010 at 5:49 pm

    Muito bem sacado!! Tá de parabéns!!!
    Valeu!!!

  10. /bin/laden falou:
    maio 19th, 2011 at 1:23 pm

    E quando na URL vier uma ancôra? Tipo:

    get-url-variables.htm?variavel1=abc&variavel2=123#ancora

    Os retornos de sua função serão ‘abc’ e ’123#ancora’!? Alguma sugestão para resolver isso?

    Valeu.

  11. rafael.exe falou:
    julho 21st, 2011 at 11:54 am

    Muito bom o post, porém tem dois problemas bem complicados nesta questão. 1º Se os dados passados forem utilizados = ou ? ou até & vai dar problema, exemplo:
    teste.js?var1=rafael.exe&var2=hoje&manha&var3=deu=erro
    2º O window.location se trata sempre o que está na url do navegador, ou seja, se eu quiser passar por header >> script ai não irá funcionar. Então isso tudo se trata de uma gambiarra, então cuidado!

  12. Anderson_sp falou:
    abril 26th, 2012 at 7:35 pm

    Muito bom, me ajudou muito!

Deixe um comentário