Como extrair parâmetros de URL com JavaScript

Escrito por steve mcdonnell Google | Traduzido por yaakov ben levy
  • Compartilhar
  • Tweetar
  • Compartilhar
  • Pin
  • E-mail
Como extrair parâmetros de URL com JavaScript
Saiba como colher os parâmetros e seus valores de uma URL usando o JavaScript (John Foxx/Stockbyte/Getty Images)

É comum passar parâmetros para uma página de internet ao incluí-los na URL. Para passar parâmetros, você adiciona um ponto de interrogação no final da URL, o primeiro parâmetro, um sinal de igual e o valor do primeiro parâmetro. Você poderá incluir parâmetros subsequentes usando o "&", o parâmetro e o sinal de igual dizendo o valor do parâmetro. Pode-se, então, recuperar os parâmetros da URL usando JavaScript.

Nível de dificuldade:
Moderadamente desafiante

Outras pessoas estão lendo

Instruções

  1. 1

    Crie um URL que contenha os parâmetros que você deseja extrair usando o JavaScript. Por exemplo:

    http://www.example.com/page.html?name=Steve&gender=male&age=21

  2. 2

    Crie uma função em JavaScript usando um editor de textos ou o Bloco de Notas. Colha o valor da URL ao pegar o valor da string de window.location. Por exemplo:

    function getParameters() { url = window.location.toString();

  3. 3

    Encontre o string de consulta, pelo ponto de interrogação, usando uma expressão regular. Por exemplo:

    var query = url.match(/\?(.+)$/);

  4. 4

    Divida o string de consulta de cada "&" ("e" comercial) para obter cada parâmetro com o seu valor. Por exemplo:

    var queryList = query.split("&");

  5. 5

    Repita o processo para cada elemento e seu valor e divida-o no sinal de igual, para poder obter a sequência associativa contendo a variável e seu valor. Por exemplo:

    for (var i=0; i<queryList.length; i++) { var element = queryList[i].split("="); document.write(element[0] + " = " + unescape(element[1]) + "\r\n"); }

Não perca

Filtro:
  • Geral
  • Artigos
  • Slides
  • Vídeos
Mostrar:
  • Mais relevantes
  • Mais lidos
  • Mais recentes

Nenhum artigo disponível

Nenhum slide disponível

Nenhum vídeo disponível